自定义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;
}

这让我在大于1024px宽的屏幕上找到了我想要的地方，但是响应引导css中的一些东西导致了这个黑色边框在较小屏幕上包装菜单：

​

​

有谁知道我怎么去掉这个吗？我在这里把它弄得乱七八糟，包括bootstrap，以使其更容易使用：

http://jsfiddle.net/AmZ5L/

我也在尝试如何定制按钮的颜色，以防任何人觉得自己的时间非常慷慨。

Answer 1

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

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

Answer 2

在您的#menu-bar .navbar-inner样式中添加background-image: none;。这将覆盖给出黑色边框的引导样式( bootstrap -Composed.css中的.navbar-inverse .navbar-inner)。

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

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