css - 覆盖 Bootstrap 样式问题

Question

我正在使用 osCommerce Bootstrap 软件包建立一个在线商店，并将其集成到一个已经构建的网站设计中——事实证明这很困难。当前的网站不是使用 bootstrap 构建的，因此将两者合并会带来一些预期的困难。

我有两个用于网站页眉和页脚的包含文件，这些文件在网上商店、网站 Bootstrap 端出现奇怪的显示问题，例如增加的边距、半透明下拉菜单和其他颜色错误的元素。禁用 header 中的 bootstrap.css 引用后，两个包含文件可以正确显示，因此我知道问题出在 css 而不是主 PHP 文件本身中的语句定位。

到目前为止我已经尝试过:

• 在 bootstrap 引用下面引用我的 css 文件(总是这样)
• 在我的 css 样式中对重叠的元素使用 !important

我认为，如果我找到了解决一个问题的方法，那么我就可以为其余问题复制该修复程序，因此我将专注于页脚中的 hr 标签。

我的CSS:

#footer_hr {
width: 75%;
color: #CCC;
margin: 0px auto;
}

我可以在 hr 上找到的 Bootstrap 部分:

hr {
height: 0;
-webkit-box-sizing: content-box;
   -moz-box-sizing: content-box;
        box-sizing: content-box;
}

-and-

hr {
margin-top: 20px;
margin-bottom: 20px;
border: 0;
border-top: 1px solid #eee;
}

hr 应该和不应该是什么样的:

You can see here what im talking about visually

那么，有没有人知道我将如何覆盖此 Bootstrap 样式，但将它保留在除页脚之外的所有其他内容中？对此事的任何帮助将不胜感激:)

谢谢，

将

Answer 1

能否请您提供实际网站的链接或至少一个实例？

我会尝试一些事情:

1)

#footer_hr {
    border-top-color: #ccc; /* or better use "red" for trials */
}

2)

#footer_hr {
    border-color: #ccc; /* or better use "red" for trials */
}