手机也能上课
1/13
表格
表格是 Bootstrap 的一个基础组件之一,
在使用 Bootstrap 的表格过程中,只需要添加对应的类名就可以得到不同的表格风格。
下表列出了 Bootstrap 为表格不同的样式风格提供的一些类:
类名 | 描述 |
---|---|
.table
|
基本的表格
|
.table-striped
|
条纹状表格 |
.table-bordered
|
带边框的表格
|
.table-hover
|
当指针悬停在行上时会实现背景效果的表格
|
.table-condensed
|
紧凑型表格
|
.table-responsive
|
响应式表格 |
条纹状表格其效果与基础表格相比,仅是在 tbody 隔行有一个浅灰色的背景色。
表格效果需要基于基本格式 .table
紧凑型表格与基础表格差别不大,只是将单元格的内距由 8px 调至 5px 。
表格效果需要基于基本格式 .table
将任何.table
元素包裹在.table-responsive
元素内,即可创建响应式表格。
其会在小屏幕设备上(小于768px)水平滚动,当屏幕大于 768px 宽度时,水平滚动条消失。