Bootstrap摺疊菜單不會垂直

我有一個引導菜單的默認行爲，我希望有人有解決方案的問題。目前，我可以看到bootstrap工作正常，當bowser窗口很大，並且所有項目都水平顯示時，菜單看起來很好，這正是我想要的和期望的。Bootstrap摺疊菜單不會垂直

但是，當菜單崩潰時，我希望這些項目被垂直列出，應該是水平的，這是我現在正在獲得的東西。

使用下面的帖子，我可以看到，有一些JavaScript被用來改變項目垂直列出，但是當我使用它。無論瀏覽器窗口大小如何，項目都保持垂直。

responsive-menu-twitter-bootstrap-asp-net

是否有解決方案或解決這個？

<nav class="navbar navbar-default navbar-fixed-top"> 
 
\t <div class="container"> 
 
\t \t <div class="navbar-header"> 
 
\t \t \t <button type="button" class="navbar-toggle collapsed" data-toggle="collapse" data-target="#navbar" aria-expanded="false" aria-controls="navbar"> 
 
\t \t \t \t <span class="sr-only">Toggle navigation</span> 
 
\t \t \t \t <span class="icon-bar"></span> 
 
\t \t \t \t <span class="icon-bar"></span> 
 
\t \t \t \t <span class="icon-bar"></span> 
 
\t \t \t </button> 
 
\t \t \t <a class="navbar-brand" href="#">Name</a> 
 
\t \t </div> 
 
\t \t <div id="navbar" class="collapse navbar-collapse"> 
 
\t \t \t <asp:Menu ID="mainMenu" 
 
\t \t \t \t CssClass="navbar navbar-fixed-right" 
 
\t \t \t \t StaticMenuStyle-CssClass="nav nav-tabs" 
 
\t \t \t \t StaticSelectedStyle-CssClass="active" 
 
\t \t \t \t DynamicMenuStyle-CssClass="dropdown-menu" 
 
\t \t \t \t RenderingMode="List" 
 
\t \t \t \t DataSourceID="mainnavSitemap" 
 
\t \t \t \t Orientation="Horizontal" 
 
\t \t \t \t runat="server" 
 
\t \t \t \t StaticDisplayLevels="2" 
 
\t \t \t \t MaximumDynamicDisplayLevels="0" 
 
\t \t \t \t StaticSubMenuIndent="0" /> 
 
\t \t </div> 
 
\t </div> 
 
</nav>

謝謝

來源

2015-09-14 fox909a

創建一個小提琴和複製列表項另一個類問題。併發布呈現的HTML，而不是asp標記。 –

導航欄菜單項是一個無序列表ul>li。列表的默認值是垂直的。引導具有以下css來使桌面的菜單水平，

@media (min-width: 768px) 
.navbar-nav>li { 
    float: left; 
}

檢查已添加到其覆蓋在移動分辨率默認的垂直風格

來源

2015-09-14 08:29:04

Bootstrap摺疊菜單不會垂直

回答

相關問題