覆盖Bootstrap CSS

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

这是一个问题的例子。我知道这不是解决问题的最佳方法，但它看起来是证明问题的最佳方式。

由于提前，

引导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结果：火狐似乎认识到这两个CSS语句作为独立的风格，当我的显示器样式应该覆盖引导样式。

Firefox CSS results

来源

2012-04-11 sveatch42

*“Firefox始终将我的重写尝试视为单独的样式”*这是什么意思？具体而言，它如何将其视为一种独立的风格？ – 2012-04-11 21:30:18

@Cody Gray：如果你看看实际的CSS选择器，它们是相同的。 bootstrap.css中的display：table应该被删除，因为Site.css中的display：block！重要已覆盖它。我使用的唯一原因！重要的是要确保我的风格会覆盖bootstrap的风格。由于这没有发生，这让我认为Firefox将这两个块视为针对不同的HTML块。 – sveatch42 2012-04-11 23:48:24

您是否尝试在twitter引导CSS之前加载您的css？ – periklis 2012-04-14 18:48:48

如果检查Chrome中的元素，你可以看到，如果一个CSS选择器，适用于该元素属于媒体查询。

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

我想问题是，一个媒体查询的CSS选择器重写你自己的CSS选择器。

来源

2012-06-25 20:23:46

覆盖Bootstrap CSS

回答

相关问题