【问题标题】:Switch to fluid layout on small screens in bootstrap 3在引导程序 3 中切换到小屏幕上的流体布局
【发布时间】:2014-02-07 12:12:07
【问题描述】:

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

【问题讨论】:

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


    【解决方案1】:

    我认为获得你想要的唯一方法是定义你自己的container

    另一种选择是使用col-sm-12 作为全宽包装器。但是,这也将在 mdlg 上广泛使用

    或者,您可以使用col-md-10mdlg 进行更窄的环绕,然后切换到col-sm-12 以获得全宽smxs

    查看演示:http://bootply.com/111713

    【讨论】:

    • 我认为你是对的,我必须定义自己的容器。但是,我发现这并不难,所以我就这么做了。