在twitter bootstrap中对齐导航栏中的按钮和文本

Question

我已经编写了以下包含Bootstrap 2.3.2的html而没有其他css：

<div class="navbar navbar-fixed-top">
    <div class="navbar-inner">
        <div class="container">
            (...)
            <div class="nav-collapse collapse">
                <ul class="nav">
                    (...)
                </ul>
                <form id="login-form" class="navbar-form pull-right">
                    <span class="navbar-text">Hello, username!</span>
                    <button id="logout" class="btn">Log out</button>
                </form>
            </div>
        </div>
    </div>
</div>

如何才能使注销按钮与文本.navbar正确对齐？目前，由于.navbar，按钮会粘在行的底部，这是.navbar-text的底部。

可以查看问题here。

Answer 1

您可以通过CSS重置按钮的边距：

.navbar .btn {
  margin-top: 0;
}