响应式图片 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%宽度布局,但是低于某个宽度后还是会垂直排列的