在bootstrap 3中切换到小屏幕上的流体布局

时间:2014-02-07 12:12:08

标签: css twitter-bootstrap twitter-bootstrap-3

我在我的bootstrap 3布局周围使用容器类,以便它适用于中型和大型屏幕。但是,它也会影响小屏幕。对于小屏幕(sm),我希望宽度为100%,不仅适用于超小屏幕(xs)。换句话说,我想抑制容器对小屏幕的影响。有没有一种简单的方法来实现这一点,而无需定义我自己的容器类和媒体查询?

1 个答案:

答案 0 :(得分:4)

我认为只有这样才能获得你想要的东西才能定义你自己的container

另一种选择是使用col-sm-12作为全宽包装器。但是,mdlg

也会很宽

或者,您可以使用col-md-10mdlg进行较窄的换行,然后切换为col-sm-12以获得全宽sm和{{1} }}

请参阅演示:http://bootply.com/111713