如何禁用Bootstrap中的“响应式”网格系统?

4

我的网站使用Bootstrap的响应式网格后看起来很糟糕。当你缩小窗口时,所有东西都挤在一起,导航栏也会折叠成三行(我已禁用响应式折叠导航栏)。

我试过删除bootstrap-responsive.css,但它仍然会出现“流体实时网格折叠”的问题。这让我很疯狂。

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

1个回答

11

如果你希望获得想要的效果,可以移除 bootstrap-responsive.css。只要在父容器中使用 row 而不是 row-fluid ,所有的 span* 类都会有明确的宽度。 row 类没有提供任何宽度约束,而且 <body> 上也没有设置宽度。然而,在标准的 bootstrap.css 中,container 类已经有了 940px 的明确宽度。


1
啊,我发现为什么它没用了,原来一旦我删除了它,bootstrap-responsive.css的内容也在bootstrap.css文件中。我注释掉了响应部分,现在它工作正常了。这是正常的吗?如果已经包含在基本文件中,为什么还需要一个responsive.css文件呢? - kennysong
1
你没有从Twitter Bootstrap官网下载那个文件。我知道一些非官方的CDN,比如BootstrapCDN,会将普通版和响应式版合并在一起,但是官网默认下载的不会。或者你使用了自定义页面 - merv
啊,我想我使用了自定义页面。有道理。谢谢! - kennysong

网页内容由stack overflow 提供, 点击上面的
可以查看英文原文,
原文链接