以下是 Bootstrap 4 中常用的表格类：
1. 基本表格：
使用 .table 类可以将一个普通的 HTML 表格变成基本样式的 Bootstrap 表格：
<table class="table">
<!-- 表格内容 -->
</table>
2. 表格样式：
Bootstrap 提供了一些表格样式的类，用于设置表头、表格边框等：
- .table-striped：交替的斑马纹样式。
- .table-bordered：带有边框的表格。
- .table-hover：鼠标悬停时高亮的行。
- .table-dark：深色背景的表格。
示例：
<table class="table table-striped table-bordered table-hover">
<!-- 表格内容 -->
</table>
3. 表头和表格背景色：
使用 .thead-dark 类可以设置表头的深色背景，使用 .table-primary 等颜色类可以设置整个表格的背景色：
<table class="table table-striped table-bordered table-hover table-primary">
<thead class="thead-dark">
<tr>
<th scope="col">#</th>
<th scope="col">First Name</th>
<th scope="col">Last Name</th>
<th scope="col">Username</th>
</tr>
</thead>
<tbody>
<!-- 表格内容 -->
</tbody>
</table>
4. 表格尺寸：
使用 .table-sm 类可以创建小型表格，使用 .table-lg 类可以创建大型表格：
<table class="table table-sm">
<!-- 表格内容 -->
</table>
或者：
<table class="table table-lg">
<!-- 表格内容 -->
</table>
5. 响应式表格：
使用 .table-responsive 类可以创建响应式表格，确保在小屏幕上水平滚动：
<div class="table-responsive">
<table class="table">
<!-- 表格内容 -->
</table>
</div>
以上是 Bootstrap 4 中表格设置的一些常见类。你可以根据具体的需求在不同的表格上应用这些类来调整样式。确保查阅 [Bootstrap 4 文档中的 Tables 部分](https://getbootstrap.com/docs/4.6/content/tables/) 以获取更多详细的信息和选项。
转载请注明出处：http://www.zyzy.cn/article/detail/5485/Bootstrap