我遇到了烦人的问题＆＃34;使用我的网站，使用Twitter Bootstrap。我有一个使用默认.container引导类的主容器，我在自定义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才能使我的网站移动/平板电脑友好。
答案 0 :(得分：1)
引导程序中的最小宽度是维持正确结构所必需的。另一方面，你可以简单地将你的css代码 AFTER 引导响应，这样你的规则就会覆盖bootstrap的规则。
答案 1 :(得分：0)
就个人而言，我倾向于在所有其他CSS文件之后加载我自己的自定义样式表。但是，您必须确保不更改全局属性的任何默认值...或布局相关属性，即： .container
通常，此类会重复使用多次，并可能针对不同的设备和情况进行调整。所以，我建议在bootstrap-responsive.css中更改这些值。这是包含所有媒体查询的文件。
否则，您最终会覆盖所需的响应速度，这可能会导致带有！重要异常的CSS属性。应该尽一切可能避免这种情况。
答案 2 :(得分：0)
使用CSS时，一段样式信息的最后一个实例优先。例如，如果我链接到两个不同的样式表，如果存在冲突，第二个将优先考虑...
<link rel="stylesheet" type="text/css" href="bootstrap.css" />
<link rel="stylesheet" type="text/css" href="bootstrap-responsive.css" />
<link rel="stylesheet" type="text/css" href="style.css" />
在此示例中，如果.container元素是style.css文件中的更改，则style.css中的样式数据仅在存在冲突时才会优先。此效果类似于在单个HTML文档中同时具有外部CSS和内联CSS。 Here is a jsFiddle来说明。在这里，您可以看到内联样式优先，并使文本的颜色为橙色，同时保持背景为黑色。