1

コアのブートストラップ ファイルには触れていません。自分の 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;
}

これにより、幅が 1024 ピクセルを超える画面で必要な場所に移動できましたが、レスポンシブ ブートストラップ css の何かが原因で、この黒い境界線が小さな画面のメニューをラップしています。

ローグボーダー

これを削除する方法を知っている人はいますか？ここで、簡単に遊べるようにブートストラップを含めてフィドルを作成しました。

http://jsfiddle.net/AmZ5L/

私はまた、誰かが自分の時間を非常に寛大に感じている場合に備えて、そのボタンの色をカスタマイズする方法を見つけようとしています.

4

2 に答える 2

3

.navbar-inverse .btn-navbarボタンの色を定義するものです。

.navbar-inverse .navbar-inner黒い境界線を定義するものです。

于 2013-03-22T01:16:19.447 に答える
2

あなたのスタイルに追加background-image: none;します。これにより、（ bootstrap-combined.css内#menu-bar .navbar-innerの）黒い境界線を与えるブートストラップスタイルが上書きされます。.navbar-inverse .navbar-inner

ボタンの色を変更するには、.navbar-inverse .btn-navbarスタイルをオーバーライドします。

.navbar-inverse .btn-navbar
{
    background: red;
}
于 2013-03-22T01:19:58.827 に答える