Bootstrap 提供了一套响应式、移动设备优先的流式栅格系统，随着屏幕或视口（viewport）尺寸的增加，系统会自动分为最多12列。它包含了易于使用的预定义类，还有强大的mixin 用于生成更具语义的布局。
工具/原料
电脑，DW软件（Dreamweaver）
方法/步骤
1
栅格参数：通过下表可以详细查看 Bootstrap 的栅格系统是如何在多种屏幕设备上工作的。
2
固定布局容器：.container从堆叠到水平排列：.col-md-* 栅格类
3
流式布局容器：.container-fluid从堆叠到水平排列：.col-md-* 栅格类
4
固定布局容器：.container移动设备和桌面屏幕：.col-xs-* 和 .col-md-*
5
流式布局容器：.container-fluid移动设备和桌面屏幕：.col-xs-* 和 .col-md-*
6
固定布局容器：.container手机、平板、桌面：.col-sm-* 类
7
流式布局容器：.container-fluid手机、平板、桌面：.col-sm-* 类
注意事项
固定布局最大宽度1170像素，流式布局最大宽度是100%
上一篇：如何制作登记照？
下一篇：如何开好自动挡的汽车？