6

我正在使用来自 Twitter-Bootstrap 的导航药片。在某些屏幕分辨率下,药片会无缘无故地被推下。使用 Firebug 时,如果我从 .nav-pills 中删除 display:table,问题就会消失。我曾尝试在我自己的一个 .css 文件中覆盖 display:table,但到目前为止,Firefox 始终将我的覆盖尝试视为一种单独的样式。

这是问题的一个例子。我知道这不是处理问题的最佳方式,但它看起来像是展示问题的最佳方式。

提前致谢,

引导 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 语句识别为单独的样式。

火狐 CSS 结果

4

1 回答 1

1

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

当您配置引导下载时,您是否检查了响应部分中的选项?

我想问题是来自媒体查询的 css 选择器覆盖了您自己的 css-selector。

于 2012-06-25T20:23:46.923 回答