App下载
5. 表格和按钮
Bootstrap3 入门课程 / 5. 表格和按钮
手机也能上课
App下载
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 宽度时,水平滚动条消失。


+10 经验 +10积分
解析
提示
参考答案
+10 经验 +10积分
视频播放结束,是否学习下一节?