[英]bootstrap menu toggle first click not working properly
我正在使用bootstrap-collapse.js v2.3.0,但是由于某些原因,在第一次单击时,菜单只会出现并且不会向下滑动。 我还注意到高度没有说auto
,而是205px
。 我没有在CSS中的任何位置将菜单设置为此高度。 第一次单击后,当我关闭它时,一切似乎都很完美,高度在0和auto之间切换,并且平滑过渡,而不是立即出现。
我不确定要包含什么代码,因为这似乎是引导程序切换,这是问题所在,但是这是html ...我删除了一些不可靠的代码。
<div class="navbar">
<div class="navbar-inner">
<a data-target=".nav-collapse" data-toggle="collapse" class="brand visible-phone">
Categories
</a>
<a data-target=".nav-collapse" data-toggle="collapse" class="btn btn-navbar">
<span class="icon-bar"></span>
<span class="icon-bar"></span>
<span class="icon-bar"></span>
</a>
<div class="nav-collapse">
<ul class="nav">
<li> //more code </li>
<li class="dropdown"><a href="#" class="dropdown-toggle" data-toggle="dropdown">//more code<<b class="caret"></b></a>
<ul class="dropdown-menu" >
<li>//code</li>
<ul>
<li>//code</li>
</ul>
</ul>
</li>
<li>//code</li>
但这是该网站的链接...
<div class="navbar">
<div class="navbar-inner">
<a data-toggle="collapse" data-target=".nav-collapse" class="btn btn-navbar">
<i class="icon-bar"></i>
</a>
<a class="brand" href="">New Icon Menu</a>
<div class="nav-collapse">
<ul class="nav nav-pills pull-right">
<li><a href=""><i class="icon-home icon-2x"></i> Home<br></a>
</li>
<li><a href=""><i class=" icon-pencil icon-2x"></i>About Us</a>
</li>
<li><a href=""><i class=" icon-briefcase icon-2x"></i>Portfolio</a>
</li>
<li><a href=""><i class=" icon-envelope icon-2x"></i>Contact Us</a>
</li>
</ul>
</div>
</div>
声明:本站的技术帖子网页,遵循CC BY-SA 4.0协议,如果您需要转载,请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.