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>

但请记住，由于您正在拉伸导航栏，因此某些元素可能看起来不合适。

演示：http: //jsfiddle.net/gnEAe/

于 2012-05-25T12:51:07.540 回答