導航欄不會停留在頁面頂部的水平線

Question

我知道有很多關於類似主題的問題，但我嘗試了內聯塊和各種引導程序導航欄類以獲取我的按鈕在我的導航欄中保持水平線。

<header class= "navbar navbar-inverse"> 
<div class= "container navbar-header"> 
    <div> <%= link_to "ZBLOG", "#", class: "btn btn-lg btn-primary pull-left", id: "logo" %></div> 
    <ul class= ""> 
    <li><%= link_to "Home", "#", class: "btn-lg btn-primary navbutton" %>></li> 
    <li><%= link_to "Articles", "#", class: "btn-lg btn-primary navbutton" %>></li> 
    <li><%= link_to "Contact Me", "#", class: "btn-lg btn-primary navbutton" %>></li> 
    <li><%= link_to "Button", "#", class: "btn-lg btn-primary navbutton" %>></li> 
    </ul> 
</div> 

看起來這應該只是有這些按鍵在頂部的一行像你期望的那樣。相反，他們是因爲某種原因而下樓梯的，比如。無論如何，任何幫助都會很棒。多謝你們。

Answer 1

試過這個.. ??

<nav class="navbar navbar-default"> 
    <div class="container"> 
     <ul class="nav navbar-nav"> 
      <li> 
       <p class="navbar-btn"> 
        <a href="#" class="btn btn-default">I'm a link button!</a> 
       </p> 
      </li> 
      <li> 
       <button class="btn btn-default navbar-btn" type="button">I'm a form button!</button> 
      </li> 
     </ul> 
    </div> 
</nav> 

希望這有助於....