导航栏不会停留在页面顶部的水平线

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> 

希望这有助于....