Bootstrap 表格

Bootstrap 基本表格

Bootstrap 基本表格具有轻微的内边距和只有水平分隔线。

.table 类为表格添加基本样式

斑马条纹行

.table-striped 类为表格添加斑马条纹

带边框的表格

.table-bordered 类为表格和单元格的所有边添加边框

悬停行

.table-hover 类在表格行上添加悬停效果（灰色背景色）

紧凑型表格

.table-condensed 类通过将单元格内边距减半来使表格更紧凑

Contextual Classes

上下文类可用于为表格行（<tr>）或表格单元格（<td>）着色

可以使用的上下文类是

响应式表格

.table-responsive 类创建响应式表格。该表格将在小设备（768px 以下）上水平滚动。当在宽度大于 768px 的设备上查看时，没有区别

<table >
  <tr>
    <td>John</td>
    <td>Doe</td>
    <td>john@example.com</td>
  <tr>
  <tr>
    <td>Mary</td>
    <td>Moe</td>
    <td>mary@example.com</td>
  </tr>
  <tr>
    <td>July</td>
    <td>Dooley</td>
    <td>july@example.com</td>
  </tr>
<table>

完整的 Bootstrap 表格参考

有关所有表格类的完整参考，请参阅我们的完整 Bootstrap 表格参考。