引导程序3导航栏切换折叠内容没有均匀排队

我在排队连接时遇到问题并在导航栏上签出了切换部分。正如你所看到的，最后两个与其他人不一致。我使用bootstrap 3网站作为参考，但我确定我没有标记正确的东西。引导程序3导航栏切换折叠内容没有均匀排队

enter image description here

HTML

<nav class="navbar navbar-default" role="navigation"> 
       <div class="navbar-header"> 
        <button type="button" class="navbar-toggle" data-toggle="collapse" data-target=".navbar-collapse"> 
         <span class="sr-only"></span> 
         <span class="icon-bar"></span> 
         <span class="icon-bar"></span> 
         <span class="icon-bar"></span> 
        </button> 
        <a class="navbar-brand" href="#">Site</a> 
       </div> 

       <div class="navbar-collapse collapse"> 
        <ul class="nav navbar-nav"> 
         <li><a href="#">Dash</a></li> 
         <li><a href="#">Edit Profile</a></li> 
         <li><a href="#">Invite</a></li> 
         <li><a href="#">Record A Message</a></li> 
         <li> 
          <p class="navbar-text">Connections <span class="badge">0</span></p> 
         </li> 
        </ul> 
        <ul class="nav navbar-nav navbar-right"> 
         <li> 
          <p class="navbar-text">Sign out as <a class="navbar-link" href="Login.aspx">User</a></p> 
         </li> 
        </ul> 
       </div> 
       <!-- /.navbar --> 
      </nav>

谢谢

来源

2013-10-08 Rex_C

我已经尝试了几种不同的方法，我发现没有打破“移动第一”的方针唯一的解决办法是压倒一切的“导航栏文本“类的边距为15px，这也出现在@media（min-width：768px）行4695.

.navbar-text { 
    margin-left: 15px; 
}

我希望它能帮助;）

来源

2013-10-08 23:39:39

我使用您的信息调整了一点点，它现在就像一个魅力。 –

试图移除段落标记

来源

2013-10-09 16:16:59 Zeeba

引导程序3导航栏切换折叠内容没有均匀排队

回答

相关问题