覆盖Bootstrap CSS

Question

我正在使用Twitter-Bootstrap的导航丸.在某些屏幕分辨率下,药丸被推倒是没有明显原因的.使用Firebug时,如果我从.nav-pills中删除display:table,问题就会消失.我试图在我自己的.css文件中覆盖display:table,但到目前为止,Firefox总是将我的覆盖尝试视为一个单独的样式.

这是一个问题的例子.我知道这不是处理问题的最佳方法,但它似乎是证明问题的最佳方式.

提前致谢,

Bootstrap CSS:

.nav-tabs:before, .nav-pills:before, .nav-tabs:after, .nav-pills:after 
{
    content: "";
    display: table;
}

我的CSS:

.nav-tabs:before, .nav-pills:before, .nav-tabs:after, .nav-pills:after 
{
    display:block !important;   
}

CSS结果:当我的显示样式应该覆盖引导样式时,Firefox似乎将两个css语句都识别为单独的样式.

Answer 1

如果您在 Chrome 中检查您的元素，您可以查看应用于该元素的 css 选择器是否属于媒体查询。

当您配置引导程序下载时，您是否检查了“响应式”部分中的选项？

我猜问题是媒体查询中的 css 选择器覆盖了您自己的 css 选择器。