自定义bootstrap导航栏的颜色？

Question

我没有触及核心引导程序文件 - 在我自己的CSS中我有以下内容：

#menu-bar div {
    border-color: #0072A6;
    background-color: #0072A6;
    margin: 0;
}

#menu-bar .navbar {
    border-color: #0072A6;
    background-color: #0072A6;
    margin: 0;
}

#menu-bar .navbar-inner {
    border-color: #0072A6;
    background-color: #0072A6;
    margin: 0;
    height: 200px;
}

#menu-bar p, #menu-bar a {
    color: white;
}

#menu-bar .active a {
    color: white;
    background-color: #0072A6;
}

这让我想要屏幕＆gt; 1024px宽，但响应式bootstrap css中的某些东西导致这个黑色边框包裹较小屏幕的菜单：

有谁知道如何删除它？我在这里做了一个小提琴，包括引导程序，以便更容易玩：

http://jsfiddle.net/AmZ5L/

我也想弄清楚如何定制这种按钮颜色，以防任何人对他们的时间感到超级慷慨。

Answer 1

.navbar-inverse .btn-navbar定义了您的按钮颜色。

.navbar-inverse .navbar-inner定义了黑色边框。

Answer 2

将background-image: none;添加到您的#menu-bar .navbar-inner样式中。这将覆盖提供黑色边框的bootstrap样式（bootstrap-combined.css中的.navbar-inverse .navbar-inner）。

要更改按钮的颜色，请覆盖.navbar-inverse .btn-navbar样式：

.navbar-inverse .btn-navbar
{
    background: red;
}