css - ナビゲーションバーの中央にテキストボックスを配置する方法

Question

以下のリンクで：

http://bootply.com/69899

入力テキスト ボックスがナビゲーション バーで左揃えになっていることがわかります。navbar の中央 (水平方向と垂直方向の両方) に配置する方法はありますか?

Answer 1

これを試して

<div class="navbar navbar-inverse navbar-fixed-top">
  <div class="navbar-inner">
    <div class="container">
      <a class="brand" href="#">Test</a>
      <form class="navbar-search pull-left">
      <input type="url" placeholder="none">
      </form>
    </div>
  </div>
</div>

私にとってはうまくいきました。ブートストラップを使用していることを考慮してください。

Answer 2

line-height を div の高さに設定し、共通の align-center を使用すると役立ちます。