2

ナビゲーションバーに適切なサイズの btn-large ボタンが表示されません。navbarHeight と baseLineHeight の少ない変数を変更しようとしましたが、それは役に立ちませんでした。ボタンは、ナビゲーションバーの外で使用されるものよりも小さいです。

<div class="navbar navbar-fixed-top">
    <div class="navbar-inner">
        <div class="container">
            <a title="" class="btn btn-primary btn-large" href=""><i class="icon-plus-sign icon-white"></i>Add</a>
                <ul class="nav pull-right">
                <li class="divider-vertical">
                <li><a href="">Val</a></span></li>
                <li class="divider-vertical">
                <li><a href="">Val2</a></li>
                <li class="divider-vertical">
                <li class="dropdown"><a href="#" class="dropdown-toggle" data-toggle="dropdown">val3<i class="icon-user"></i></a>
                    <ul class="dropdown-menu">
                        <li><a href="">My account</a></li>
                        <li><a href="/accounts/logout/">Log out</a></li>
                    </ul>
                </li>
            </ul>
            </div>
       </div>
</div>
4

1 に答える 1

2

ナビゲーションバーの高さは標準であるため (周囲の他の要素に対応するため)、これは設計によるものです。.btn-large独自のクラスを作成し、次のようにパディングを強制的に表示することで、その制限を上書きできます。

.navbar .btn-large-navbar {
    padding: 9px 14px;
}

次に、新しいクラスを大きなボタンに追加できます。

<a title="" class="btn btn-primary btn-large btn-large-navbar" href=""><i class="icon-plus-sign icon-white"></i>Add</a>

ただし、navbar を引き伸ばしているため、一部の要素が場違いに見える場合があることに注意してください。

デモ: http://jsfiddle.net/gnEAe/

于 2012-05-25T12:51:07.540 に答える