具体参考官方文档:https://v3.bootcss.com/css/
一、标题HTML 中的所有标题标签,
到 均可使用。另外,还提供了 .h1 到 .h6 类,为的是给内联(inline)属性的文本赋予标题的样式。
bootstrap 基本模本text副标题
Bootstrap 将全局 font-size 设置为 14px,line-height 设置为 1.428。这些属性直接赋予元素和所有段落元素。另外,
(段落)元素还被设置了等于 1/2 行高(即 10px)的底部外边距(margin)。
1、内联文本元素:
被删除的文本,带下划线的文本,小号文本,斜体等参考官方文档
2、对齐
通过文本对齐类,可以简单方便的将文字重新对齐。
Left aligned text.
Center aligned text.
Right aligned text.
Justified text.
No wrap text.
3、改变文本的大小写
Lowercased text.
Uppercased text.
Capitalized text.
为任意标签添加 .table 类可以为其赋予基本的样式 — 少量的内补(padding)和水平方向的分隔线。
1、基本设置
斑马条纹样式:
标签添加 .table-striped 类可以给之内的每一行
带边框样式:添加 .table-bordered 类为表格和其中的每个单元格增加边框。
鼠标悬停样式:添加 .table-hover 类可以让
中的每一行对鼠标悬停状态作出响应。
紧缩表格:添加 .table-condensed 类可以让表格更加紧凑,单元格中的内补(padding)均会减半。
用户名 性别 年龄 张三 男 18 李斯 男 28 小白 女 17bootstrap 表格
2、状态类
通过这些状态类可以为行或单元格设置颜色。
Class 描述 .active 鼠标悬停在行或单元格上时所设置的颜色 .success 标识成功或积极的动作 .info 标识普通的提示信息或动作 .warning 标识警告或需要用户注意 .danger 标识危险或潜在的带来负面影响的动作张三男18李斯男28
3、响应式表格
将任何 .table 元素包裹在 .table-responsive 元素内,即可创建响应式表格。
...
区别:当表格有固定宽度的时候:
有table-responsive,表格有滚动条
没有table-responsive,网页有滚动条
