扫码一下
查看教程更方便
教程 > bootstrap 3 教程 >
阅读：48
bootstrap 表格——迹忆客-ag捕鱼王app官网
bootstrap 提供了一个清晰的创建表格的布局。下表列出了 bootstrap 支持的一些表格元素：
、| 标签 | 描述 | |||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||
|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|
），用来标识表格列。）。 内使用。
表格类下表样式可用于表格中： , 内的行上看到条纹，如下面的实例所示：
上面示例输出结果如下所示
边框表格通过添加 .table-bordered class，您将看到每个元素周围都有边框，且占整个表格是圆角的，如下面的实例所示：
上面示例输出结果如下所示：
悬停表格通过添加 .table-hover class，当指针悬停在行上时会出现浅灰色背景，如下面的实例所示：
上面示例结果如下所示：
精简表格通过添加 .table-condensed class，行内边距（padding）被切为两半，以便让表看起来更紧凑，如下面的实例所示。这在想让信息看起来更紧凑时非常有用。
上面示例如下所示：
上下文类下表中所列出的上下文类允许您改变表格行或单个单元格的背景颜色。
这些类可被应用到 | ||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||
| 或 | 。
上面示例输出结果如下所示
响应式表格通过把任意的 .table 包在 .table-responsive class 内，您可以让表格水平滚动以适应小型设备（小于 768px）。当在大于 768px 宽的大型设备上查看时，您将看不到任何的差别。
|
