CSS：由于CSS链接，PHP弄乱了模板CSS

Question

我的php页面样式已完成，但是当我将其添加到现有的html模板（具有标题和左侧菜单）时，我注意到模板css菜单被弄乱了。

在调试样式的哪个部分导致问题时，我意识到这是由于我在引用w3schools BootStrap Progress Bar时使用的bootstrap.min.css：

 <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css">   

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

Answer 1

这是一个很难解决的问题，因为引导程序具有许多默认样式。我唯一可以推荐的是：

1. 请确保您的样式在包含引导样式表之后出现。这样，您的样式将覆盖存在冲突的引导样式。
2. 如果这不能解决问题，则您可能必须使用代码检查器查找所有您认为不正确的实例，并在自己的样式表中覆盖它们。这将是很麻烦的，但是如果您要使用引导程序并且遇到冲突，它可能是您唯一的选择。
3. Bootstrap曾经有一个定制器，仅允许您下载所需的内容，但是似乎在版本4中，这样做有点复杂。如果您已经在使用3.3版，则建议您下载自定义版本：https://getbootstrap.com/docs/3.3/customize/