求教bootstrap里关于网格系统的疑问

其实很简单了....是题主没有从CSS代码的角度以及设计的角度去理解BS的Grid系统...看一下题主困惑的地方的具体样式: 【求教bootstrap里关于网格系统的疑问】 求教bootstrap里关于网格系统的疑问

求教bootstrap里关于网格系统的疑问

Grid的container宽度是按照媒体查询的, 所以最大宽度在大于1200的client上就是1170.所谓你的 col-md col-lg宽度限制仅仅在于百分比,这里就要提到一点,BS是一个响应式的框架,响应式框架设计之初就考虑到了较宽屏幕的样式是无法套用到较窄的屏幕上的,这是比较基本的逻辑(否则滚动条宽度不足的问题会出现),但是窄屏幕的UI逻辑是可以平移到宽屏的,所以他的网格中的列单元格的设计必然是可以向上(宽)兼容而不向下兼容的, 具体到class就是 col-xs-*\u0026gt; col-sm-*\u0026gt; col-md-* \u0026gt;col-lg-* 这几个class的适用宽度是随着最小适应宽度逐级减小的,具体的体现就是 你的移动端页面放到PC端布局不会变,而PC端网页放到移动端如果仍用col-md的话会乱掉...(如果meta里没有很好地规划viewport,又使用了各种px单位的绝对尺寸的样式的话)以上.主要还是对CSS和web设计的理解


    推荐阅读