【问题标题】:How to make Bootstrap 3 non-responsive for small .container?如何使 Bootstrap 3 对小型 .container 无响应?
【发布时间】:2014-08-31 03:52:44
【问题描述】:

对于整个网站,Bootstrap3 instructions 很容易

但是如果我有一个小容器,例如400px 并且需要关闭此容器内的响应能力?我的导航栏中需要功能齐全的下拉菜单,但是当响应打开时,小容器中的下拉菜单不像“弹出窗口”,它们会在导航栏中打开并展开。

另外,如果没有响应式样式,我无法编译自己的引导版本,因为我需要使用 CDN (cdnjs)。

【问题讨论】:

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


    【解决方案1】:

    如果我正确理解了您的问题/问题,请在自定义样式表中定义 .container 类,如下所示。 (假设您希望屏幕的最大宽度为 400 像素。相应地进行更改。)

    @media screen and (min-width:401px) { 
       .container { 
         max-width:400px;
       }
    }
    

    然后只使用col-xs-xx -(xx 是列号)类。

    【讨论】:

    • 不,这没有帮助。它只是 .container 的固定最大宽度。我需要 Dropdown 和其他没有响应更改的东西,而不是 col-* 网格。
    • 然后从 getbootstrap.com/customize 下载自定义引导程序。您必须根据需要使用媒体查询断点。
    • 那我就不能用CDN了! :)
    猜你喜欢
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 2017-08-06
    • 2013-11-11
    • 2016-05-31
    • 2014-03-26
    • 2023-01-16
    • 2014-04-18
    相关资源
    最近更新 更多