表格

来源:互联网 发布:网络歌东北人 编辑:程序博客网 时间: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
原创粉丝点击