bootstrap初始化表格
时间: 2023-12-16 10:02:16 浏览: 114
要在Bootstrap中初始化表格,请按照以下步骤操作:
1. 在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>Larry</td>
<td>the Bird</td>
<td>@twitter</td>
</tr>
</tbody>
</table>
```
2. 将“table”类添加到“<table>”标记中。这将告诉Bootstrap将其应用于表格样式。
3. (可选)根据需要,可以添加其他类来更改表格的外观和感觉。例如,您可以添加“table-striped”类以使表格带有交替条纹。
```
<table class="table table-striped">
```
4. 这是一个基本的Bootstrap初始化表格。您可以根据需要添加其他内容,例如分页,排序和搜索。
阅读全文