<div class="row"> <div class="col-xs-6 col-sm-3">.col-xs-6 .col-sm-3</div> <div class="col-xs-6 col-sm-3">.col-xs-6 .col-sm-3</div> <!-- Add the extra clearfix for only the required viewport --> <div class="clearfix visible-xs-block"></div> <div class="col-xs-6 col-sm-3">.col-xs-6 .col-sm-3</div> <div class="col-xs-6 col-sm-3">.col-xs-6 .col-sm-3</div> </div>
列偏移：
使用类似col-md-offset-4 那样的类，可以将列向右偏移，效果上就好像某些列空出来了
列嵌套：
所谓列嵌套，即列中包含列，其实是行中包含的列元素又是一行，即行嵌套行
列排序：
通过使用 .col-md-push-* 和 .col-md-pull-* 类来改变列的顺序
------------------------------------排版---------------
标题同类样式：
实际标题用元素h1到h6，副标题用small，对于内联的非标题元素，需要使用标题一样的样式，用类.h1到.h6，副标题用.small
页面主体：
全局的font-size=14px，line-height为1.428，作用于body和所有p元素。p元素的margin-bottom为1/2行高（即 14px*1.428/2 = 10px）。突出性段落用.lead类。
内联文本：
用mark标签高亮文本，删除文本用del标签，不用的文本用s标签，插入的文本用ins标签，下划线用u标签，小号文本用small标签或.small类，粗体强调用strong标签，斜体强调用em标签，（b和i分别用于粗体和斜体时，没有强调意味）。
文本对齐：
<p class="text-left">Left aligned text.</p> <p class="text-center">Center aligned text.</p> <p class="text-right">Right aligned text.</p> <p class="text-justify">Justified text.</p> <p class="text-nowrap">No wrap text.</p>
缩略语与悬停提示：
<abbr title="attribute">attr</abbr> <abbr title="HyperText Markup Language" class="initialism">HTML</abbr>
列表：
有序列表ol和无序列表ul的一般用法就是直接元素。无样式列表是带.list-unstyled类的ul，内联（无序）列表是带.list-inline类的ul，基本描述列表类似如下：
<dl> <dt>...</dt> <dd>...</dd> </dl>
水平排列的描述列表是带.dl-horizontal类的dl，左侧短语太长时可以用text-overflow属性进行截断。
-------------------代码------------------
内联代码用code标签，代码块用pre标签，变量用var标签，用户输入用kbd标签，程序输出用samp标签
-----------------------表格--------------------------
table元素没有默认bootstrap样式，用类.table作为基本样式（其他样式在此基础上附加）。添加.table-striped样式，可以形成奇偶间隔的斑马状风格。添加table-bordered类，表格带边框。添加table-hover类，可以实现鼠标悬停响应（类似高亮）。添加 .table-condensed 类可以让表格更加紧凑，单元格内部减少。无论td还是tr，都可以用类active、success、info、danger、warning来指示某种状态。要创建响应式表格（在小屏幕设备上水平滚动），方法是给table元素外套一个容器，类似如下：
