bootstrap table-striped
时间: 2023-10-07 20:08:47 浏览: 138
bootstrap-table
bootstrap table-striped 是 Bootstrap 框架中一个用于表格的 CSS 类。它可以为表格的每一行添加斑马线样式,即相邻的两行表格行颜色不同,以提高表格的可读性。
使用方式如下:
```html
<table class="table table-striped">
<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>
```
在上述代码中,`table-striped` 类被添加到了 `<table>` 标签上,表示需要为表格的每一行添加斑马线样式。
阅读全文