表格
来源:互联网 发布:网络歌东北人 编辑:程序博客网 时间:2024/04/29 06:15
表格是Bootstrap的一个基础组件之一,Bootstrap为表格提供了1种基础样式和4种附加样式以及1个支持响应式的表格。在使用Bootstrap的表格过程中,只需要添加对应的类名就可以得到不同的表格风格,在接下来的内容中,我们会详细介绍Bootstrap的表格使用。
同样的,如果你对CSS预处理器熟悉,你可以使用Bootstrap提供的预处理版本:
☑ LESS版本,对应的文件是 tables.less
☑ Sass版本,对应的文件是 _tables.scss
如果你不懂LESS或Sass也不妨,你在bootstrap.css文件中第1402行~第1630行中可以查阅到所有有关于table的样式代码。由于代码太长,此处不一一列举。
刚已经说了,Bootstrap为表格不同的样式风格提供了不同的类名,主要包括:
☑ .table:基础表格
☑ .table-striped:斑马线表格
☑ .table-bordered:带边框的表格
☑ .table-hover:鼠标悬停高亮的表格
☑ .table-condensed:紧凑型表格
☑ .table-responsive:响应式表格
0 0
- 表格
- 表格
- 表格
- 表格
- 表格
- 表格
- 表格
- 表格
- 表格
- 表格
- 表格
- 表格
- 表格
- 表格
- 表格
- 表格
- 表格
- 表格
- 使用OPCNetAPI连接OPCServer
- ssh/scp:ssh_exchange_identification:Connection closed by remote host的问题
- OpenGL ES2.0 shader内部return语句返回失败和数据精度丢失,花屏问题
- Thread的生命周期
- VS2010/MFC 文档视图类内嵌对话框
- 表格
- 创建Z-Stack项目的工具(Create Z-Stack Project For IAR)
- Route to IPv6: SDN.
- iOS开发系列--音频播放、录音、视频播放、拍照、视频录制
- 表格--表格行的类
- 游戏中的数学:ELO Rating算法简介
- hdu2157 How many ways?? 矩阵快速幂
- AsyncTask学习
- Ajax动态滚动加载数据(第一版)