boot 默认的将屏幕划分成了四种:
0-768 xs ;768-992 sm ; 992-1200 md;1200- lg ;
boot 提供了两个布局容器,这两个布局容器是要作为某一个大的区域的最外层元素的,会和其他的一些布局类名配合使用
.container .container-fluid
container-fluid在任意屏幕下宽度都是百分之一百
container 是在xs屏永远都是100%;768-992,宽度:768;992-1200,宽度:992;1200- 宽度:1200,永远居中
boot 提供了栅格系统(12栅格化,网格化,网格系统)会让我们在布局的时候,想象着将一行的空间分成12份,通过设置每一个元素占几份来控制元素的排列
row类名可以在容器中将某一行分成12份
col-type-num 可以确定某一行中的某一个元素在type屏幕的情况下占num份
col-type-offset-num 设定的是某一个元素在某一个屏幕尺寸下向右偏移几份
<li class=" col-xs-12 col-sm-6 col-md-3 news"><img src="images/1.jpg" alt=""></li>
<li class=" col-xs-12 col-sm-6 col-md-3 news"><img src="images/2.jpg" alt=""></li>