3

「コンテンツ」をナビゲーションバーの中央に配置しようとしています。「navbar-fixed-top」の場合、UL メニューは中央に配置されます。ただし、メニューを一番上に固定したくないので、そのクラスを削除しましたが、メニューが中央に配置されていません。左側に浮いています。コンテナの余白に合わせて配置する必要があります。http://twitter.github.com/bootstrap/scaffolding.htmlと似ていますが、一番上に固定したくありません。

ここに画像の説明を入力

これがコードです

        <div class="navbar ">
            <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="#">Project name</a>
                    <div class="nav-collapse">
                        <ul class="nav">
                            <li class="active"><a href="#">Home</a></li>
                            <li><a href="#about">About</a></li>
                            <li><a href="#contact">Contact</a></li>
                        </ul>
                    </div><!--/.nav-collapse -->
                </div>
            </div>
        </div>
4

2 に答える 2

6

を使用しnavbar-static-topます。

動作しない場合は、最新のブートストラップ バージョンを確認してください。

于 2012-10-18T11:28:07.983 に答える
3

これは以前はデフォルトの動作であり、少なくとも 2.0.1 では機能していましたが、最新バージョンでは、ナビゲーション バーが修正されていないときにナビゲーション バーのコンテンツが中央に配置されないようにいくつかの変更が加えられたようです。

回避策は、CSS に以下を追加することです。

.navbar-inner > .container { width:940px; }
于 2012-05-22T07:28:30.273 に答える