最新的Web开发教程
 

Bootstrap CSS参考表


<table>

使用下面的类样式任何表:

描述
.table 添加基本样式(光填充和唯一水平分隔),以任何<table> 尝试一下
.table-striped 增加了斑马条纹的任何表行<tbody>在IE8中不可用) 尝试一下
.table-bordered 增加对表和细胞各方边界 尝试一下
.table-hover 在启用表行的悬停状态中的<tbody> 尝试一下
.table-condensed 可以使表更紧凑的切割单元格填充一半 尝试一下
结合所有的表类 尝试一下

<tr>, <th><td>

使用下面的颜色表行或单元格的类:

描述
.active 适用悬停颜色到特定行或细胞 尝试一下
.success 表示成功或积极行动 尝试一下
.info 表示中性信息变更或执行 尝试一下
.warning 表示可能需要注意的警告 尝试一下
.danger 表明存在危险或潜在的负面作用 尝试一下

响应表

的。表响应类创建一个响应表。 然后,该表将横向滚动在小型设备上(下768px)。 当任何超过768px宽的大观景,是没有区别的:

<div class="table-responsive">
  <table class="table">
    ...
  </table>
</div>
试一试»