0

Bootstrap で navbar を実行しようとしています:

<div class="navbar navbar-inverse navbar-fixed-top">
    <div class="navbar-inner">
                <ul class="nav">
                    <li class="navbar-text">
                        {{ object }}
                    </li>
                    <li></li>
                    <li class="navbar-text">
                        {{ object2 }}
                    </li>
                    <li></li>
                    <li class="navbar-text">
                        {{ object3 }}
                    </li>
                    <li></li>
                    <li class="navbar-text">
                        {{ object4 }}
                    </li>
                </ul>
    </div>
</div>

しかし、レンダリングすると、ナビゲーションバーですべてのオブジェクトが互いに押し付けられます。それらの間の間隔を強制するにはどうすればよいですか?

4

1 に答える 1

0 
.navbar .nav > li > a {
color: #777777;
float: none;
padding: 10px 15px;/* this the one which enforces space between each link*/
text-decoration: none;
text-shadow: 0 1px 0 #FFFFFF;
}

私が提供した上記のコードを確認してください..ブートストラップcssは、これらの行が変更されているかどうかを確認する必要があります。

または、新しいスタイルシートを作成して、すべてのブートストラップ css ファイルの後にそれを含め、同じに影響する他の css ルールをオーバーライドすることもできます。

インデントについて

    .navbar .nav > li > a:hover
     {
    text-indent:100px;
    }
于 2013-02-16T05:49:06.903 に答える