我正在为当前站点添加一个新页面-使用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
的使用,但我不认为这是你的问题。
你会发现这里也回答了一个类似的问题