【问题标题】:How do I disable the "responsive" grid in bootstrap?如何禁用引导程序中的“响应式”网格?
【发布时间】:2012-08-31 17:10:18
【问题描述】:

因此,对于我的网站来说,引导程序的响应式网格看起来很糟糕。当您缩小窗口时,所有内容都会被混合在一起,并且导航栏会折叠成三行(我禁用了响应式折叠导航栏)。

我尝试删除 bootstrap-responsive.css,但它仍然会发生“流动的实时网格崩溃”的事情。快把我逼疯了。

如何设置导航栏和整个页面的最小宽度?这样就不会将所有内容挤在一起,您必须使用水平滚动条来浏览页面。

【问题讨论】:

    标签: css twitter-bootstrap


    【解决方案1】:

    删除 bootstrap-responsive.css 应该会为您提供所需的行为。只要您在父容器中使用 row 而不是 row-fluid,所有 span* 类在常规 Bootstrap 中都是显式宽度。 row 类不提供任何宽度约束,<body> 也没有。但是,container 类在标准 bootstrap.css 中确实具有 940px 的显式宽度。

    【讨论】:

    • 啊,我知道为什么我删除它后它就不起作用了。 bootstrap-responsive.css 内容也在 bootstrap.css 文件中。我注释掉了响应部分并且它正在工作。这是正常的吗?如果 responsive.css 文件已经包含在基本文件中,为什么他们会有一个?
    • 您没有从Twitter Bootstrap front page 下载该文件。我知道一些非官方的CDN,比如BootstrapCDN,结合了plain和responsive,但是官方网站上的默认下载没有。或者你用过the Customize page
    • 啊,我想我使用了自定义页面。说得通。谢谢!
    猜你喜欢
    • 1970-01-01
    • 2019-11-30
    • 2021-04-05
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 2013-09-21
    • 2015-08-10
    • 1970-01-01
    相关资源
    最近更新 更多