标准PHP页面-结合bootstrap .min. CSS和原始样式表// bootstrap覆盖主CSS


Standard PHP Page - incorporating Bootstrap.min.css AND original stylesheet // bootstrap is overriding main CSS

我正在为当前站点添加一个新页面-使用php。我决定,对于这个新页面,最好的解决方案是为列功能添加bootstrap。

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

在整合bootstrap功能的同时保持原始样式的最佳方法是什么?

实际上,我不希望bootstrap取代原来的样式表-只是增强它。

听起来你是在导入了原始样式表之后才导入了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的使用,但我不认为这是你的问题。

你会发现这里也回答了一个类似的问题