Bootstrap

布局容器

布局类容器，都有宽度自适应的功能
.container 类用于固定宽度并支持响应式的容器 宽度为80%

< div class=“container”>…< / div>

container -fluid类用于100%宽度，占据全部视口（viewport）的容器

< div class=“container-fluid”>…< / div>

2.媒体查询

超小屏幕：小于768px .col-xs
小屏幕：大于等于768px .col-sm
中等屏幕：大于等于992px .col-md
大屏幕：大于等于1200px .col-lg

所有的“列（column）”必须放在“.row”中

栅格系统
< div class=“row”>
< div class=“col-md-1”>.col-md-1< /div>
< div class=“col-md-1”>.col-md-1< /div>
< div class=“col-md-1”>.col-md-1< /div>
< div class=“col-md-1”>.col-md-1< /div>
< div class=“col-md-1”>.col-md-1< /div>
< div class=“col-md-1”>.col-md-1< /div>
< div class=“col-md-1”>.col-md-1< /div>
< div class=“col-md-1”>.col-md-1< /div>
< div class=“col-md-1”>.col-md-1< /div>
< div class=“col-md-1”>.col-md-1</ div>
< div class=“col-md-1”>.col-md-1< /div>
< div class=“col-md-1”>.col-md-1< /div>
< /div>