我正在使用来自 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 语句识别为单独的样式。