BootStrap栅格系统

1.什么是栅格系统？

　　栅格系统就是默认将父元素分成12等分
　　如果想设置子元素的宽度
　　可根据占据的份数来决定子元素的宽度
　　例如：子元素占据3等份，那么就相当于设置子元素width：25%
　　子元素占据4等份，那么就相当于设置子元素width：33.333%

　　栅格系统是分为行和列的
　　所以要先写行，创建一div添加类名为row即可
　　Row下面的div为列
　　如何设置每列占多宽？
　　可以通过类名 col-xs-栅格的数量(设置超小屏幕)、 col-sm-栅格的
　　数量(设置小屏幕)、 col-md-栅格的数量(设置中等屏幕)、 col-lg-
　　栅格的数量(设置大屏幕)
　　如果列的栅格得数量加一起没有超过12咋可能出现空白并在一行显
　　示
　　如果列的栅格数量加一起超过12，则在开始超过12的那个换行显示

2.如果想控制不同的屏幕设置不同的大小可以怎么实现？       

　　列的类名可以写多个
　　也就是可以同时设置col-xs-、 col-sm-、 col-md-、 col-lg-
　　这样的话，在不同屏幕下就会有不同的结构样式

3.栅格布局是否可以进行嵌套？

        是

4.如何实现列的偏移？

　　使用 .col-md-offset-* 类可以将列向右侧偏移。这些类实际是通过
　　为当前元素增加了左侧的边距（margin）。

BootStrap栅格系统

原文：https://www.cnblogs.com/qingfengyuan/p/12952058.html