Question

bootstrap栅格系统怎么用

Answer 1

　　bootstrap栅格系统的使用方法

• 从堆叠到水平排列：

• 栅格系统在container和row基础上编写

• <div class="container">

•    <div class="row">......</div>

• </div>

• 在页面屏幕大于970px

• 在页面屏幕小于970px

• 在移动设备和桌面：使用col-xs 和col-md

• col-xs 主要是水平排列

• col-md 堆叠状态

• 在页面屏幕大时

• 在页面屏幕小时

• 列偏移

• 使用col-md-offset-*可以将列偏移到右侧

• 如：col-md-offset-4将col-md-4向右移动了4个列的宽度

• 嵌套列：

• 添加一个新的row和一系列col-md-*列到已经存在的col-md-*列。嵌套row所包含的列加起来应该为12。