标准PHP页面 - 包含Bootstrap.min.css和原始样式表// bootstrap正在覆盖主CSS

时间:2014-07-24 21:05:27

标签: php css twitter-bootstrap layout override

我正在使用php向当前网站添加新页面。 对于这个新页面,我认为最佳解决方案是为列功能添加bootstrap。

问题源于访问原始样式表和bootstrap.min.css //原始样式表被覆盖。

在集成引导程序功能的同时保留原始样式的最佳方法是什么?

基本上,我不想让bootstrap替换原始样式表 - 只需要增强它。

1 个答案:

答案 0 :(得分:0)

通过它的声音,您在导入原始样式表后导入bootstrap css。

浏览器会注意加载样式表的顺序。在你的文档头中你可能有这样的东西

<link rel="stylesheet" href="/style.css">
<link rel="stylesheet" href"/bootstrap.min.css">

因为你在style.css之后导入了bootstrap css。它超越了你可能已经设计过的任何东西。

例如

你可以在style.css中找到它。

p{
color:red;
}

这是在bootstrap.min.css

p{
color:blue;
}

最终结果意味着您的段落将全部为蓝色,而不是您定义的红色。

还有其他一些因素可以发挥作用,例如你的css的目标是什么或使用!important,但我不认为这是你的问题。

您还会发现类似的问题here已被回答