navbar and control alignment angle + BS3

Question

角度とブートストラップには新しくありません。読んで、私はページの幅を横切って行き、その後、

私のコードをGoogleに同様の検索ボックスは、

あるナビゲーションバーでのインデックスページを作成しようとしています、私はオンライン

を発見したいくつかのサンプルプロジェクトで遊んでいます

<div ng-view="" class="ng-scope"> 
    <nav class="navbar navbar-primary ng-scope" role="navigation"> 
     <div class="container"> 
      <div class="navbar-header"> 

       <a class="navbar-brand" href="#">HELLO WORLD</a> 
      </div> 

     </div> 
    </nav> 


    <div class="search ng-scope"> 
     <input class="typeahead search-field" type="text" placeholder="Search" autofocus=""> 
    </div> 


</div> 

私が得るのは、navbarとnavbarのすぐ下の検索ボックスです。

どのようにしてナビゲーションバーを維持し、検索コントロールの半分程度をページにするのですか？

マイCSS enter image description here

Answer 1

あなたはそれがウィンドウの中央にしたい場合は先頭にパディングやマージンを置くためにCSSで何かをしたいとしています。

あなたはdivの中ですべてのコンテンツをラップし、これと同様のスタイルでそれをクラスを与えることができる：

https://css-tricks.com/quick-css-trick-how-to-center-an-object-exactly-in-the-center/