一 、Bootstrap布局
（约定：.class相当于class=“class”,例如：.container相当于class=“container”)
网络系统
在bootstrap3中，网格系统是通过row和column来进行页面布局的。
（1）.布局规则
.row必须包含在.container或.container-fluid的容器当中。
.column必须包含在.row的容器当中。
其他标签元素只能包含在.column的容器当中使用.col-xs-*的样式。（xs：自动<768px;sm:>=768px;md>=992px;lg>=1200px)
通过设置row和column的pdding，margin属性来抵消和增加彼此之间的间隔。
（2）.列偏移
用.col-xs-offset-*来进行偏移
（3）.列排序
.col-X-push-*：右浮；
.col-X-pull-*：左浮；
（4）列嵌套
可以在样式为.column的容器里嵌套.row为样式的容器。
排版
标题（h1-h6）
段落（p）突出段落内容使用lead标签。
标签mark：文本着重标记 标记del和s是表示无用文本 ins和u标签表本文下划线 strong和b标签表内容加粗 em和i标签表示文本斜体。
标签abbr表示缩写，属性title指明完整内容。
引用样式：使用blockquote标签 在其中p标签是文本内容，footer标签表示引用来源，原名称包含在cite标签里，使引用标签文本右对齐可以在blockquote标签里使用.blockquote-reserve。
文本的对齐方式：
（1）.text-left
（2）.text-right
（3）.text-center
（4）.text-justify
字母大小写：
（1）.text-lowercase
（2）.text-uppercase
（3）.text-capitalize
列表：
在<ul>中使用.list-unstyled便可以去掉前面的点。
使用.list-inline使得行内联显示在同一行。
使用.dl-horizontal可以实现定义列表的水平显示。
代码：
<code>单条代码的标记
<pre>多行代码块
<kbd>表示用户要通过键盘输入的内容
<var>标记变量
<samp>标记程序的输出内容
表格：
.table：基础表格
.table-striped：斑马线表格
.table-bordered：带边框表格
.table-hover：鼠标高亮表格
.table-condensed：紧凑型表格
.table-responsive：响应式表格
注意：所有带样式的表格是以基础表格为基础的，所以.table样式是必须的
5种状态样式
.active
.success
.info
.warning
.danger
参考思维导图：
