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折叠菜单不会垂直

回答

相关问题