col-lg col-md col-sm col-xs 区别 将1行划分为多个部分的布局

1.col-lg  col-md col-sm col-xs 区别

<div class="col-lg-3 col-md-3 col-sm-6 col-xs-12">

col-lg-3：large 意思是屏幕大于1200px宽度的情况下布局分3列，

col-md-3：media 如果屏幕大于992px小于1200px也是3列，

col-sm-6 ：small 如果屏幕大于768px小于992px是2列，

col-xs-12：extreme small 如果屏幕小于768px是1列，

2.如何将一行划分为10,1,1共12列

正确的写法是先划分为10,2 两个部分，后将第2部分划分为6,6两个部分

<div class="row">
　　<div class="col-md-12">
　　　　<h1 class="page-header col-md-10">
　　　　Tabs & Panels <small>Nice tabs and panels</small>
　　　　</h1>
　　<div class=" col-md-2">
　　　　<a href="#" class="btn btn-primary col-md-6">时间顺序</a>
　　　　<a href="#" class="btn btn-success col-md-6">政策维护</a>
　　</div>
</div>