关于导航栏的折叠有很多问题,但是我找不到这种特殊情况,无论如何还是很抱歉。
<div class="navbar navbar-static-top navbar-default container">
<div class="navbar-header">
<button type="button" class="navbar-toggle" data-toggle="collapse" data-target="#navbar">
<span class="icon-bar"></span>
<span class="icon-bar"></span>
<span class="icon-bar"></span>
</button>
<a class="navbar-brand" href="/">Brand</a>
</div>
<div class="nav-collapse" id="navbar">
我试图让我的导航栏在移动设备上(页面加载时)开始折叠。我发现添加class="collapse"
到#navbar
div时,它可以这种方式工作,但是随后在PC上,我的导航栏被隐藏了,除非我使用小分辨率并将其切换。
同样在此实现中,首先单击折叠按钮“重新打开”在移动设备上打开的导航栏。
您的问题是:
<div class="nav-collapse" id="navbar">
<ul class="nav navbar-nav">
应该是navbar-collapse
:
<div class="collapse navbar-collapse" id="navbar">
<ul class="nav navbar-nav">
本文收集自互联网,转载请注明来源。
如有侵权,请联系[email protected] 删除。
我来说两句