css - Twitterブートストラップのナビゲーションバーのボタンとテキストを揃える

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;
}