html - 如何使用 Bootstrap 更改部分导航栏的背景颜色

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/