我的 php 页面样式已经完成,但是当我将它添加到我现有的 html 模板(具有标题和左侧菜单)时,我注意到模板 css 菜单被搞砸了。
在调试样式的哪一部分导致问题时,我意识到这是由于我在引用 w3schools 时使用的 bootstrap.min.css BootStrap Progress Bar :
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css">
关于如何避免这种情况的任何指示?我想为代码添加一个包装容器,但不确定如何进行更改。有什么建议吗?
最佳答案
这是一个很难解决的问题,因为 bootstrap 有很多默认样式。我唯一可以推荐的是:
- 确保您的样式出现在包含 Bootstrap 样式表之后。这样,您的样式将覆盖存在冲突的 Bootstrap 样式。
- 如果这不能解决问题,您可能必须使用代码检查器来查找您认为不正确的所有实例,并在您自己的样式表中覆盖它们。这将是乏味的,但如果您想使用 Bootstrap 并且遇到冲突,这可能是您唯一的选择。
- Bootstrap 过去有一个自定义程序,允许您只下载您想要的内容,但在第 4 版中,执行此操作似乎有点复杂。如果您已经在使用 3.3 版,那么我建议您下载自定义版本:https://getbootstrap.com/docs/3.3/customize/
关于html - CSS:由于 css 链接,php 弄乱了模板 css,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/51995608/