bootstrap table 样式
时间: 2023-10-28 09:05:34 浏览: 70
bootstrap table 例子
3星 · 编辑精心推荐
bootstrap table 样式可以通过添加 Bootstrap 的 CSS 类来实现。在一个表格元素上添加 `.table` 类可以让它带有基本的样式,例如斑马线条纹、边框、卡片式样等等。还有一些其他的类可以让表格更加美观和易于阅读,例如 `.table-striped`、`.table-bordered`、`.table-hover` 等等。
另外,Bootstrap 还提供了一些对响应式设计友好的表格样式,例如 `.table-responsive` 类可以让表格在小屏幕设备上自适应。
以下是一个基本的带有 Bootstrap 样式的表格示例:
```html
<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 colspan="2">Larry the Bird</td>
<td>@twitter</td>
</tr>
</tbody>
</table>
```
阅读全文