最初の例は期待どおりに整列します。2 番目 (navbar クラス) は次のことを行いません。
<div>
<span>Good</span>
<button type="submit" class="btn">logout</button>
</div>
<div class="navbar">
<span>Bad</span>
<button type="submit" class="btn">logout</button>
</div>
フィドル: http://jsfiddle.net/Y76Nt/1/
どんなアイデアでも大歓迎です。