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

Question

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

<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.

问题可以在这里查看。

Answer 1

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

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