您现在的位置:首页 >> 前端 >> 内容

Bootstrap表格的默认样式介绍

时间:2018/3/6 14:42:01 点击:

  核心提示:表格的默认样式只需为任意的只需为任意的 table 元素应用 .table 类,即可使用表格的默认样式。Bootstrap中表格的默认样式相当简单,它仅仅在每个 td 上方添加了一个边框。如:tabl...

表格的默认样式

只需为任意的

只需为任意的 <table> 元素应用 .table 类,即可使用表格的默认样式。Bootstrap中表格的默认样式相当简单,它仅仅在每个 <td> 上方添加了一个边框。如:

<table class="table">
  <thead>
    <tr>
      <th>#</th>
      <th>First Name</th>
      <th>Last Name</th>
      <th>Username</th>
    </tr>
  </thead>
  <tbody>
    <tr>
      <td>1</td>
      <td>Mark</td>
      <td>Otto</td>
      <td>@mdo</td>
    </tr>
    <tr>
      <td>2</td>
      <td>Jacob</td>
      <td>Thornton</td>
      <td>@fat</td>
    </tr>
    <tr>
      <td>3</td>
      <td>Larry</td>
      <td>the Bird</td>
      <td>@twitter</td>
    </tr>
  </tbody>
</table>
Bootstrap表格的默认样式介绍

效果如图 3-22所示:

Tags:BO OO OT TS 
作者:网络 来源:歪脖先生的博客