html - CSS:由于 css 链接，php 弄乱了模板 css

Question

我的 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">   

关于如何避免这种情况的任何指示？我想为代码添加一个包装容器，但不确定如何进行更改。有什么建议吗？

Answer 1

这是一个很难解决的问题，因为 bootstrap 有很多默认样式。我唯一可以推荐的是:

1. 确保您的样式出现在包含 Bootstrap 样式表之后。这样，您的样式将覆盖存在冲突的 Bootstrap 样式。
2. 如果这不能解决问题，您可能必须使用代码检查器来查找您认为不正确的所有实例，并在您自己的样式表中覆盖它们。这将是乏味的，但如果您想使用 Bootstrap 并且遇到冲突，这可能是您唯一的选择。
3. Bootstrap 过去有一个自定义程序，允许您只下载您想要的内容，但在第 4 版中，执行此操作似乎有点复杂。如果您已经在使用 3.3 版，那么我建议您下载自定义版本:https://getbootstrap.com/docs/3.3/customize/