如何更改导航栏部分的背景颜色使用引导程序

Question

我正在使用Twitter Bootstrap 3.2.0。

我想让这个导航栏背景部分变为红色（我的意思是只有这个）。标记为“3”号

这里我做了应该如何看起来像在现实中（见标问题3）：

http://postimg.org/image/g0fph7o75/

在这里你可以找到HTML/CSS代码我米工作：

http://jsfiddle.net/b8yczde2/

（来自的jsfiddle剪断） ```

</div> 
    <ul class="nav navbar-nav"> 
     <li><a href="#portfolio"><span class="glyphicon glyphicon-briefcase"></span><br/> Portfolio</a> 
     </li> 
     <li><a href="#skills"><span class="glyphicon glyphicon-signal"></span><br/> Skills</a> 
     </li> 
     <li><a href="#blog"><span class="glyphicon glyphicon-menu-right"></span><br/> Blog</a> 
     </li> 
    </ul> 
    <ul class="nav navbar-nav navbar-right"> 
     <li style="border-left: 1px solid rgb(215,215,215);"><a href="#contact"><span class="glyphicon glyphicon-envelope"></span><br/> Contact</a> 
     </li> 
     <li style="padding-right: 0.8em;"><a href="#about"><span class="glyphicon glyphicon-user"></span><br/> CV</a> 
     </li> 
    </ul> 
</nav> 
<section class="section-bg intro-bg"> 
    <div class="container"> 
     <div class="row"> 
      <div class="col-lg-12 text-center">Mooses are cool and big and stuff.</div> 
     </div> 
    </div> 
</section> 

```

Answer 1

只需添加一个CSS规则：

.navbar { 
    background-color: red; 
} 

http://jsfiddle.net/b8yczde2/8/