bootstrap table 不换行_Bootstrap栅格系统（二）

不会栅格系统 千万不要说你会Bootstrap框架

这个说实话现在是超级基础的框架了，并且偏向于UI界面的一款框架

话不多说，让我们来看下栅格系统吧

2.1 栅格系统

Bootstrap 提供了一套响应式、移动设备优先的流式栅格系统，随着屏幕或视口（viewport）尺寸的增加，系统会自动分为最多12列

1：每一行放container 或者container-fuild里面

2：每一行row 每一列 col 每一行12列 大于12 会自动换行

大白话解释图片：

手机 (<768px) container:100% col-xs

小屏幕(≥768px) container:750px col-sm

桌面显示器(≥992px) container:970px col-md

大桌面显示器(≥1200px) container:1170px col-lg

每一个类前缀 col-md-数量 总数是12

注意:col-md-4 会向上兼容 只要屏幕大于992px是 都会显示col-md-4 占4分

但是当屏幕小于992的时候 这个类名就失去了布局效果，成为普通的div块元素