.container : 代表容器,要将其他元素对象放在容器里。
<small></small> : 标题之后经常带一个相对较小的副标题,用small标签。
.lead : 如果需要突出显示,添加lead类,基本就是字体变大变粗。
<mark></mark> : 添加一个背景。
.text-left;.text-center;text-right;文本居左,文本居中,文本局右。
.text-lowercase; .text-uppercase ; .text-capitalize :文本文字全部小写,文本文字全部大写,文本问题第一个大写。
<abbr tirle="attribute">hello</abbr> :使hello下面出现ive一个省略号。
.list-unstyle : ul中需要无样式的有序列表。
.acttive: 设置活动,被选中。
.col-md-offset-x :偏移x个位置。
< 左尖括号,>;右尖括号。
<kbd></kbd> : 用户输入命令。
<pre></pre> : 代码片段,用包裹。
<var></var> : 用var包括变量字符串。
<samp></samp> ; sample用来包裹输入的内容.
表格属性:
<div class="container">
<table class="table">
<thead>
<tr>
<th>表格信息</th>
<th>表格信息</th>
<th>表格信息</th>
</tr>
</thead>
<tbody>
<tr>
<td>表格单元格</td>
<td>表格单元格</td>
<td>表格单元格</td>
</tr>
<tr>
<td>表格单元格</td>
<td>表格单元格</td>
<td>表格单元格</td>
</tr>
<tr>
<td>表格单元格</td>
<td>表格单元格</td>
<td>表格单元格</td>
</tr>
</tbody>
</table>
</div>
这就是一个基本的表格。换用其他表格的话,只需要改变table中的class属性。
.table : 普通的表格。
.table-striped : 斑马线表格,也就是隔行换色表格。
.table-bordered : 表格边框,给表格加上一个1px的边框。
.table-hover : 鼠标悬停,悬停在这里,一整个<tr>就是一横行中的都会有悬停效果。
.table-condensed : 紧凑型表格。
状态类:
.active : 颜色,灰色。
.info : 颜色,蓝色。
.success : 颜色,绿色。
.warning : 颜色,黄色。
.danger : 颜色,红色。
响应式的操作:
把最外层加一个<div class="table-responsive">
去掉那个<div class="table-container">