Bootstrap中使用条纹状的表格需添加的类名是
时间: 2024-03-22 15:41:02 浏览: 48
分享Bootstrap简单表格、表单、登录页面
在Bootstrap中,如果要使用条纹状的表格,需要在table元素上添加类名"table-striped"。这样,Bootstrap会在表格的奇数行和偶数行之间间隔显示不同的背景色,从而形成条纹状的效果。
例如,下面的代码演示了如何使用Bootstrap的条纹状表格:
```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元素上添加了类名"table-striped",这样就可以让表格显示成条纹状。可以在Bootstrap官方文档中查看更多关于表格的用法和样式。
阅读全文