css - 自定义引导程序导航栏的颜色？

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 中的某些东西导致这个黑色边框包裹了较小屏幕的菜单：

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

http://jsfiddle.net/AmZ5L/

我还试图弄清楚如何自定义按钮颜色，以防任何人对他们的时间感到超级慷慨。

Answer 1

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

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

Answer 2

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

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

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