1

ここで見ることができるページの上部に固定されたシンプルなナビゲーションバーがありますが、背景色を変更する方法を一生理解できません。Bootstrap CSS ファイルの a:hover コードを編集し、あらゆる種類の異なるクラス呼び出しを使用して独自のカスタム CSS ファイルでオーバーライドしようとしましたが、まだうまくいきません。誰でも私を助けることができますか？私はそれが単純なものでなければならないことを知っています、私はただ困惑しています.

ナビゲーションバーの HTML コードは次のとおりです。

    <div class="navbar navbar-fixed-top">
        <div class="navbar-inner">
            <div class="container">
                <a class="btn btn-navbar" data-toggle="collapse" data-target=".nav-collapse">
                <span class="icon-bar"></span>
                <span class="icon-bar"></span>
                <span class="icon-bar"></span>
                </a>
                <a class="brand" href="index.html">Homegrown</a>
            <div class="nav-collapse">
                <ul class="nav nav-pills pull-right">
                    <li class="active"><a href="index.html">Home</a></li>
                    <li><a href="index.html">About</a></li>
                    <li><a href="index.html">Contact</a></li>
                </ul><!-- /.nav -->
            </div><!--/.nav-collapse -->
            </div><!-- /.container -->
        </div><!-- /.navbar-inner -->
    </div><!-- /.navbar -->
4

2 に答える 2

2

ナビゲーション バーの背景は の下でスタイル設定されてい.navbar-innerます。どの要素がどのスタイルを持っているかを把握する簡単な方法は、chromes インスペクター ([ビュー] > [開発者] > [開発者ツール] の下) や firefox 用の firebug (http://getfirebug.com/) などのデバッグ ツールを使用することです。

于 2013-01-23T03:58:18.190 に答える