主要为大家详细介绍了Bootstrap3 Grid system原理及应用,具有一定的参考价值，感兴趣的小伙伴们可以参考一下

刚开始用Bootstrap的格子系统写布局的时候遇到了这样一个问题： 我的页面中有这样一个布局 我希望当屏幕的宽度小于他们俩宽度之和的时候，右边的部分会掉下来，他们垂直摆放。 而我用col-xs-6的话，右边的盒子永远都不会掉下来。 文字就变得这么丑。 如果我用col-sm-6的话,右边的盒子又会太早掉下来。 此时的屏幕宽度是766px，他就已经堆叠排放了，两边留下了大片空白，还是很丑。 而Bootstarp没有提供中间的选项了。 想要解决这个问题，必须要弄清楚这种响应式布局的是如何工作的