-
表格-响应式表格
table-responsive
该类需要放在table的容器中（div），当浏览器可视区域小于768px时，表格底部会出现水平滚动条。当你的浏览器可视区域大于768px时，表格底部水平滚动条就会消失。
查看全部 -
表格样式-悬停高亮
<table class="table table-hover">
查看全部 -
基础表格样式通过类名“.table”来控制
<table class="table">
查看全部 -
表格的行样式
<table class="table table-bordered"> <thead> <tr> <th>类名</th> <th>描述</th> </tr> </thead> <tbody> <tr class="active"> <td>.active</td> <td>表示当前活动的信息</td> </tr> <tr class="success"> <td>.success</td> <td>表示成功或者正确的行为</td> </tr> <tr class="info"> <td>.info</td> <td>表示中立的信息或行为</td> </tr> <tr class="warning"> <td>.warning</td> <td>表示警告，需要特别注意</td> </tr> <tr class="danger"> <td>.danger</td> <td>表示危险或者可能是错误的行为</td> </tr> </tbody> </table>
表格悬浮样式
<table class="table-hover">
查看全部 -
表格-不同类型的样式风格
.table：基础表格
.table-striped：斑马线表格
.table-bordered：带边框的表格
.table-hover：鼠标悬停高亮的表格
.table-condensed：紧凑型表格
.table-responsive：响应式表格
查看全部 -
控制大块代码的显示高度
.pre-scrollable { max-height: 340px; overflow-y: scroll; }查看全部 -
code 相关
<kbd>ctrl+x</kbd> 等于markdown里的` `
查看全部 -
内联列表-li水平排列
<ul class="list-inline">
.list-inline
.list-inline > li
查看全部 -
去除列表的编号
.list-unstyled
查看全部 -
强调相关的类
- .text-muted：提示，使用浅灰色（#999）
- .text-primary：主要，使用蓝色（#428bca）
- .text-success：成功，使用浅绿色(#3c763d)
- .text-info：通知信息，使用浅蓝色（#31708f）
- .text-warning：警告，使用黄色（#8a6d3b）
- .text-danger：危险，使用褐色（#a94442）
查看全部 -
通过定义四个类名来控制文本的对齐风格：
.text-left：左对齐
.text-center：居中对齐
.text-right：右对齐
.text-justify：两端对齐
查看全部 -
使用颜色来强调的类
.text-muted：提示，使用浅灰色（#999）
.text-primary：主要，使用蓝色（#428bca）
.text-success：成功，使用浅绿色(#3c763d)
.text-info：通知信息，使用浅蓝色（#31708f）
.text-warning：警告，使用黄色（#8a6d3b）
.text-danger：危险，使用褐色（#a94442）
查看全部 -
.lead 可以突出显示段落
还有<small>、<strong>、<em>和<cite>
查看全部 -
<p>预设了上下margin
查看全部 -
重新规定了h1~h6的标题样式。为了让其他文本也会用这个样式，同样规定了名为h1~h6的class，效果和标题一致。
新建了一个副标题的样式 <small>，在h1~h6 中作为子标签使用
查看全部
举报