2016-06-14 46 views
0

我不知道为什么这不起作用,但我试图在页面上制作一个转换条,它基本上只是一些内容中的一块颜色。不从样式表应用CSS?

我正在使用Bootstrap 3,但不确定与它有什么关系。如果我使用样式标签直接将颜色应用于我的div标签,它将起作用。但是,我希望它在我的样式表中,所以我可以添加左右边框。当我将同样的东西放在我的样式表中,并尝试将其应用于不显示的样式时。我仍然在学习使用开发工具,但是当我使用F12查看它时,我看起来好像它应用我的样式表样式。

关于我在做什么错的任何想法?

This Works。我现在使用一段时间来控制高度,但最终会尝试应用一些高度样式。

<div class="row"> 
    <div class="col-md-12" style="background-color:#6f88a1">.</div> 
</div> 

这不

.home_transition_bar 
{ 
    border-left: 1px solid Black; 
    border-right: 1px solid Black; 
    background-color: #6f88a1; 
} 

<div class="row"> 
    <div class="col-md-12 home_transition_bar">.</div> 
</div> 
+1

你是否检查过它,看看有没有什么比CSS规则更重要?尝试添加'!important'到你的背景颜色,看看是否可行 - 所以'background-color:#6f88a1!important;' –

+0

对我来说工作正常http://www.bootply.com/R8h7HwT8aV – j08691

+0

老实说不知道除了可能之外,我做了什么不同之处,但是当我回到应用样式表样式时,这一次它工作?我尝试了其他三次进行更改,并且该部分表现得没有任何应用。那么,至少现在它正在工作。感谢您看这个。 – Caverman

回答

0

好,引导有一些预定义的样式......为了覆盖它们,简单的CSS代码可能不被接受。因此,试着在“!重要”风格的末尾。例如:

#header 
{ 
    background-color: red !important; 
} 

我正在使用bootstrap,并且已经为我完成了它。希望它有帮助