Bootstrap 表格的默认样式

xiaoxiao2021-02-28  10

只需为任意的 <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>

效果如图 3‑22所示:

图3-22 Bootstrap表格的默认样式

关于作者

歪脖先生,十五年以上软件开发经验,酷爱Web开发,精通 HTML、CSS、JavaScript、jQuery、JSON、Python、Less、Bootstrap等,著有《HTML宝典》、《揭秘CSS》、《Less简明教程》、《JSON教程》、《Bootstrap2用户指南》、《Bootstrap3实用教程》,并全部在 GitHub 上开源。

转载请注明原文地址: https://www.6miu.com/read-1650111.html

最新回复(0)