bootstrap表格

桃扇骨 2022-01-15 21:05 487阅读 0赞 
  1. <!DOCTYPE html>
  2. <html lang="en">
  3. <head>
  4.     <meta charset="UTF-8">
  5.     <title>bootstrap</title>
  6.     <style type="text/css">
  7.         div{ 
  8.             position: relative;
  9.             left:100px;
  10.             top:100px;
  11.             width:500px;
  12.         }
  13.     </style>
  14. </head>
  15. <body>
  16.     <script src="jquery.min.js"></script>
  17.     <link href="bootstrap.min.css" rel="stylesheet">
  18.     <script src="bootstrap.min.js"></script>
  19.     <div>
  20.         <!--带斑马线的，带边框的，带悬浮的，更紧凑的-->
  21.         <table class="table table-bordered table-striped table-hover table-condensed">
  22.             <thead>
  23.                 <tr>
  24.                     <th>序号</th>
  25.                     <th>名字</th>
  26.                     <th>hp</th>
  27.                 </tr>
  28.             </thead>
  29.             <tbody>
  30.                 <tr>
  31.                     <td>1</td>
  32.                     <td>盖伦</td>
  33.                     <td>616</td>
  34.                 </tr>
  35.                 <tr>
  36.                     <td>2</td>
  37.                     <td>提莫</td>
  38.                     <td>383</td>
  39.                 </tr>
  40.                 <tr class="success">
  41.                     <td>3</td>
  42.                     <td>流浪</td>
  43.                     <td>343</td>
  44.                 </tr>
  45.                 <tr class="info">
  46.                     <td>3</td>
  47.                     <td>流浪</td>
  48.                     <td>343</td>
  49.                 </tr>
  50.                 <tr class="warning">
  51.                     <td>3</td>
  52.                     <td>流浪</td>
  53.                     <td>343</td>
  54.                 </tr>
  55.                 <tr class="danger">
  56.                     <td>3</td>
  57.                     <td>流浪</td>
  58.                     <td>343</td>
  59.                 </tr>
  60.             </tbody>
  61.         </table>
  62.     </div>
  63. </body>
  64. </html>

在这里插入图片描述
这个有点问题哦，求解？？？

发表评论

表情：
评论列表 （有 0 条评论，487人围观）

还没有评论，来说两句吧...

相关阅读

    相关 Bootstrap-全局css-表格

    表格 1.基本实例 为任意 `<table>` 标签添加 `.table` 类可以为其赋予基本的样式 — 少量的内补（padding）和水平方向的分隔线。 <

    亦凉亦凉/ 0 赞/ 486 阅读