我有非常好的12列网格和column-md-*类。然后,我决定让页面看起来更像sm大小,所以我在div中添加了一些column-sm-*类。
在那之后,整个事情在md和lg分辨率上表现得很奇怪。
下面是代码:http://bootply.com/105536
有两行,一行是“在添加sm类之后”,第二行是“前面”,在中型和大型时,它看起来都不错。
为什么sm类破坏了md网格?
发布于 2014-01-13 13:28:58
网格类应用于屏幕宽度大于或等于断点大小的设备,并覆盖针对较小设备的网格类。因此,对一个元素应用任何. class类不仅会影响它在中型设备上的样式,而且在不存在一个. class类的大型设备上也会影响它的样式。http://getbootstrap.com/css/#grid
所以你需要覆盖col-sm-offset-1,就像
<div class="col-md-3 col-sm-6 col-sm-offset-1 col-md-offset-0">https://stackoverflow.com/questions/21091795
复制相似问题