网格系统类似于一个表、一个行和一个列，它必须放在一个容器类型中被设置为容器，div可以放在列、内容、网格中为网页设计的内容布局，使站点更容易浏览，下面是一个引导网格布局的例子。
COL2
col10
结果如下：
添加class=列式为代表的行，添加class= col-sm-2风格代表列，系统将整个画面分成12部分，col-sm-2表明列跨越2份，并col-sm-10比例表明列跨越10份，显示将显示效果如上图所示，代表一行两列，2列第一，第二和10。
引导是一个响应的前端框架，它体现在网格系统中，它对应于不同的显示大小，并且可以显示不同的显示效果：
col-xs-12.col-md-8。
col-xs-6.col-md - 4。
col-md-8代表8份中屏列，如普通的台式机和notebooks.col-xs-12说它占12份小屏列，如平板电脑，上面的代码表示一行有普通台式机和笔记本两排，8份的第一列账，和4副本二列账。下一行是平板电脑下的两排，第一列占12份，第二列占6份。这样，不同的显示设备显示不同的效果。这两种情况可以通过调整浏览器的大小来模拟。
下图显示了引导网格系统在各种屏幕设备上的工作方式。
以上是萧边介绍的第三引导网格基础的完整说明，希望能对你有帮助。如果你有任何问题，请给我留言，萧边会及时给您回复。谢谢您支持网站。
