引导响应覆盖我.container宽度

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

这是我的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以使我的网站移动/平板电脑友好。

来源

2013-02-23 msk

它是在自举最小宽度是必要保持适当的结构。另一方面，你可以简单地把你的CSS代码AFTER bootstrap响应，所以你的规则将覆盖引导程序的规则。

来源

2013-02-23 10:20:10 Malyo

true..I'm只是怕我会覆盖超过我真的想如果我这样做：S – msk 2013-02-23 10:30:37

改变的site.css和引导，responsive.css的顺序 – 2013-02-23 10:36:27

就个人而言，我更倾向于其他所有CSS文件后加载自己的自定义样式表。但是，你必须确保不更改任何默认值全局属性...或布局相关的属性，即：.container

一般情况下，这个类重复使用多次，可能被调整不同的设备和情况。因此，我建议在bootstrap-responsive.css中更改这些值。这是包含所有媒体查询的文件。

否则你最终覆盖所需的响应，并可能导致与CSS属性！重要的例外。这应该通过一切手段避免。

来源

2013-04-03 23:11:11 pepperstreet

当您使用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类似。 Here is a jsFiddle来说明。在这里，您会看到内联样式优先，并使文本的颜色变为橙色，同时保持背景为黑色。

来源

2013-04-04 00:09:05

引导响应覆盖我.container宽度

回答

相关问题