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

标签 html css

我的 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 有很多默认样式。我唯一可以推荐的是:

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

关于html - CSS:由于 css 链接,php 弄乱了模板 css,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/51995608/

相关文章:

html - 是否必须验证全局代码?

javascript - 仅在模态 Pane 中保持制表符

html - 如何在全屏上拉伸(stretch) flexbox?

javascript - Bootstrap 的 Typeahead 有两个源和自定义分隔符

html - 当 div 悬停时影响重叠元素动画反转

javascript - 如何为应用程序屏幕截图创建一个漂亮的水平滚动区域,就像 iTunes 上的应用程序一样?

javascript - child javascript jquery 的分离索引

html - 由列表组成的菜单栏中元素的宽度

html - 如何左对齐 Foundation 中的汉堡包菜单

css - 使用 css 设置一行标签和下拉列表的样式