2014-01-13 154 views
0

我有很好的12列网格与column-md-*类。然后我决定让页面看起来更好看sm大小,所以我给我的div添加了一些column-sm-*类。为什么我的12列标记不符合md分辨率?

之后,整个事情在mdlg分辨率中表现奇怪。

下面的代码:http://bootply.com/105536

有两行,一行是“加入SM类后”,第二个是“之前”,它着眼于大中型确定。

为什么sm类破坏了md网格?

+0

到底是什么它,你需要什么?你能发布图片的布局吗? – Ranveer

+0

另外,你为什么使用'offset'类? – ZimSystem

+0

@Ranveer我需要它像'sm'中的第一行那样行,并且像大中的第二行一样。 –

回答

1

网格类适用于屏幕宽度大于或等于断点尺寸的设备,并覆盖面向较小设备的网格类。因此,如果.col-lg-类不存在,则将任何.col-md-类应用于元素不仅会影响其在中型设备上的样式,还会影响其在大型设备上的样式。 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">