[BootStrap]ナビゲーションバーに検索ボックスを追加

以前、ナビゲーションバーを実装する方法について書きました。

今回は、ナビゲーションバーに検索ボックスを追加する方法について。

<div class="navbar">
 <div class="navbar-inner">
  <a class="brand" href="#">タイトル</a>
  <ul class="nav">
   <li>
    <form class="navbar-form pull-left">
     <input type="text" class="span3" placeholder="検索キーワード">
     <button type="submit" class="btn">検索</button>
    </form>
   </li>
  </ul>
 </div>
</div>

実行した結果、IEだと、こうなりました。

一方、chromeだと、こうなりました。

やっぱり、chromeの方が全然、かっこいいっす。