Bootstrap 表格

Bootstrap 基本表格

一个基本的 Bootstrap 表格具有轻微的填充，并且只有水平分隔线。

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

条纹行

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

带边框的表格

The .table-bordered 类在表格和单元格的所有侧面添加边框

悬停行

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

紧凑表格

The .table-condensed 类通过将单元格填充减半使表格更加紧凑

上下文类

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

可使用的上下文类为

响应式表格

The .table-responsive 类创建一个响应式表格。 该表格将在小型设备（小于 768 像素）上水平滚动。 当在大于 768 像素宽度的任何设备上查看时，没有区别

<table >
  <tr>
    <td>John</td>
    <td>Doe</td>
    <td>[email protected]</td>
  <tr>
  <tr>
    <td>Mary</td>
    <td>Moe</td>
    <td>[email protected]</td>
  </tr>
  <tr>
    <td>July</td>
    <td>Dooley</td>
    <td>[email protected]</td>
  </tr>
<table>

完整 Bootstrap 表格参考

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