導航欄和控制對齊角+ BS3

Question

我是角和自舉新手。正在讀，並與我在網上找到

我試圖與導航欄跨頁面的寬度，然後一個搜索框，類似於去谷歌創建索引頁一些樣本項目打

我的代碼是

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

我得到的是導航欄和導航欄正下方的搜索框，沒有任何間隙。

如何維護導航欄並將搜索控制關於頁面的一半？

我的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/