引導程序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導航欄切換摺疊內容沒有均勻排隊

回答

相關問題