读一读

响应式图片 img标签使用类img-responsive

h1到h6标签,也可以使用class的h1到h5,给的是内联的文本加标签。可以使用small标签加个副标题。

<p class=lead>强调  text-center居中对齐

强调标签 small em(斜体) cite(也是斜的) b strong

缩略语 <abbr title=提示>显示</abbr>

地址元素 <address>

引用 <blockquote> p引用内容 <footer>引用到谁的


组合

可以使用多个col-... xs sm md lg等来声明在不同分辨率下不同的规定。


清楚浮动,列重置。

使用类clearfix visible-xs-block只在超小分辨率下清楚浮动,够位置也往下行排


在要远离的div上加类col-md-offset-3。

向右推几格,col-md-push-2

向左拉几格,col-md-pull-2


列嵌套就是把本来的几格又当成row12格来布局


<div class="container-fluid">   
    <div class="row">
        <div class="col-md-6">.col-md-6</div>   
        <div class="col-md-6">.col-md-6</div>
    </div> 
</div>

row需要在container类中,row一行中分为12个col范围列


不同屏幕大小用不同的col:

xs最大列宽自动,sm62,md81,lg97px,槽宽30(每列左右均有15)

xs超小屏幕,sm小屏幕,md中等屏幕,lg大屏幕


流式布局容器

类container-fluid,这时列就不是按固定宽度了,是按100%宽度布局,但是低于某个宽度后还是会垂直排列的