覆盖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选择器。