html - bootstrap-responsive 覆盖了我的 .container 宽度

Question

我的网站在使用 Twitter Bootstrap 时遇到了一个恼人的“问题”。我有一个使用默认 .container Bootstrap 类的主容器，我在我的自定义 css 文件中给了它一个特定的宽度。但是，当我将 bootstrap-responsive.css 文件包含到我的 HTML 文档中时，它似乎覆盖了我的容器的宽度。

这是我的 CSS 文件的顺序:

 <link rel="stylesheet" type="text/css" href="/css/bootstrap.min.css"/> 
 <link rel="stylesheet" type="text/css" href="/css/Site.css"/>
 <link rel="stylesheet" href="/css/bootstrap-responsive.css"/>

为什么在响应式 css 文件中指定了宽度？有没有一种无需手动编辑 bootstrap-responsive.css(我认为这是个坏主意)就可以顺利解决此问题的方法

我需要 bootstrap-responsive.css 以使我的网站适合移动设备/平板电脑。

Answer 1

在 bootstrap 中，min-width 是维护正确结构所必需的。另一方面，您可以简单地将您的 css 代码放在 AFTER bootstrap responsive 这样您的规则将覆盖 bootstrap 的规则。