Twitter bootstrap 带左拉的Bootstrap 3移动菜单
我使用的是Bootstrap3,它在桌面上运行良好。下拉菜单在翻滚时会显示出来,而且拉的权利看起来都很好 现在,当涉及到移动时,下拉列表会破坏滚动条显示的布局,并且拉取权限不能正确流动 html中是否缺少一些简单的东西来让它看起来和工作正常Twitter bootstrap 带左拉的Bootstrap 3移动菜单,twitter-bootstrap,menu,Twitter Bootstrap,Menu,我使用的是Bootstrap3,它在桌面上运行良好。下拉菜单在翻滚时会显示出来,而且拉的权利看起来都很好 现在,当涉及到移动时,下拉列表会破坏滚动条显示的布局,并且拉取权限不能正确流动 html中是否缺少一些简单的东西来让它看起来和工作正常 <nav class="navbar navbar-default navbar-inverse"> <div class="container-fluid"> <!-- Brand and toggle
<nav class="navbar navbar-default navbar-inverse">
<div class="container-fluid">
<!-- Brand and toggle get grouped for better mobile display -->
<div class="navbar-header">
<button type="button" class="navbar-toggle collapsed" data-toggle="collapse" data-target="#bs-example-navbar-collapse-1" aria-expanded="false">
<span class="sr-only">Toggle navigation</span>
<span class="icon-bar"></span>
<span class="icon-bar"></span>
<span class="icon-bar"></span>
</button>
</div>
<!-- Collect the nav links, forms, and other content for toggling -->
<div class="collapse navbar-collapse" id="bs-example-navbar-collapse-1">
<ul class="nav navbar-nav">
<li><a href="/Home/About">About Us</a></li>
<li class="dropdown">
<a href="/Product" class="dropdown-toggle" data-toggle="dropdown">Brands <b class="caret"></b></a>
<ul class="dropdown-menu">
<li>
<a href="/Product/ProductList/5">brand1</a>
</li>
<li>
<a href="/Product/ProductList/2">brand 2</a>
</li>
<li>
<a href="/Product/ProductList/7">brand 3</a>
</li>
</ul>
</li>
<li><a href="/Distributor">Distributor</a></li>
<li><a href="/News">News</a></li>
<li class="pull-right navitem-blue">
<a href="/Account/SignIn?returnUrl=%2FDistributor" id="linkLogin">Sign In</a>
</li>
<li class="pull-right navitem-blue"><a href="/Home/Contact">Contact Us</a></li>
</ul>
</div><!-- /.navbar-collapse -->
</div><!-- /.container-fluid -->
</nav>
切换导航
-
-
-
-
-
您应该使用navbar right
在一个新的ul
中包含右对齐链接,并且您不需要两种navbar
类型(因为它们用于样式设置),它应该是navbar default
或navbar inverse
,而不是两者都是。看
请参阅工作示例代码段
切换导航
-
-
-
-
-
-
-
-
-