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

我使用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

的底部

---

可以查看问题。

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

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

---

请发布您的CSS，最好制作一个JSFIDLE。我们不知道你在看什么，所以我们不知道怎样才能使它看起来正确。删除按钮的

边距顶部：5px

？这确实是一个有效的解决方案，但有没有办法只使用引导类来完成？我不知道。。。我在中摆弄了你的标记，我找到的唯一解决办法是重新设置边距