我的引导程序折叠菜单不工作的谷歌浏览器!!!它总是可见的默认情况下,我不能折叠它
我导航栏:
<div class="navbar navbar-fixed-top navbar-inverse">
<div class="navbar-inner">
<div class="container">
<a class="btn btn-navbar" data-toggle="collapse" data-target=".nav-collapse">
<span class="icon-bar"></span><span class="icon-bar"></span><span class="icon-bar"></span>
</a>
<a class="brand" href=http://198.23.80.242/><img src="img/Go-ejaza-logo.png" width="85" height="28"></a>
<div class="nav-collapse" style="height:auto !important; ">
<ul class="nav nav-link">
<li class="dropdown">
<a href="#" class="dropdown-toggle" data-toggle="dropdown" >الوجهات</a>
<ul class="dropdown-menu mega-menu" >
<div class="span6">
<div class="row-fluid">
<div class="span4">
<li class="nav-header">آسيا</li>
<li><a href="http://198.23.80.242/country/my" >ماليزيا</a></li>
<li><a href="http://198.23.80.242/country/id" >اندونيسيا</a></li>
<li><a href="http://198.23.80.242/country/ph" >الفلبين</a></li>
<li><a href="http://198.23.80.242/country/th" >تايلاند</a></li>
<li><a href="http://198.23.80.242/country/mv" >المالديف</a></li>
</div>
<div class="span4">
<li class="nav-header">أوروبا</li>
<li><a href="http://198.23.80.242/country/at" >النمسا</a></li>
<li><a href="http://198.23.80.242/country/tr" >تركيا</a></li>
<li><a href="http://198.23.80.242/country/it" >أيطاليا</a></li>
<li><a href="http://198.23.80.242/country/gb" >المملكة المتحدة</a></li>
<li><a href="http://198.23.80.242/country/ch" >سويسرا</a></li>
<li><a href="http://198.23.80.242/country/es" >أسبانيا</a></li>
</div>
<div class="span4">
<li class="nav-header">الشرق الأوسط</li>
<li><a href="http://198.23.80.242/country/eg" >مصر</a></li>
<li><a href="http://198.23.80.242/country/ae" >الإمارات</a></li>
<li><a href="http://198.23.80.242/country/lb" >لبنان</a></li>
<li><a href="http://198.23.80.242/country/ma" >المغرب</a></li>
<li><a href="http://198.23.80.242/country/bh" >البحرين</a></li>
</div>
</div>
</div>
</ul>
</li>
</ul>
<div class="nav pull-right visible-desktop ">
<ul class="unstyled login-div nav">
<li>
<a href="http://198.23.80.242/hauth/login/Facebook"><span class="facebook"></span>دخول ب facebook</a>
</li>
<li>
<a href="http://198.23.80.242/member/register">
<span class="join"></span>اشترك
</a>
</li>
<li class="dropdown">
<a href="#" class="dropdown-toggle" data-toggle="dropdown">
<span class="login"></span> دخول
</a>
<ul class="dropdown-menu span3">
<form action="http://198.23.80.242/member/login" method="post" class="form-horizontal">
<fieldset class="row-fluid">
<input type="text" id="user_email" name="identity" class="span12" placeholder="البريد الالكتروني">
</fieldset>
<fieldset class="row-fluid">
<input type="password" id="user_password" name="password" class="span7" placeholder="كلمة المرور">
<button type="submit" class="btn btn-small btn-info pull-left">تسجيل الدخول</button>
</fieldset>
<label class="checkbox">
<input type="checkbox">تذكر كلمة المرور
</label>
<a href="http://198.23.80.242/member/forgot_password" style="color: red;">نسيت كلمة المرور</a> </form>
</ul>
</li>
</ul>
</div>
<div class="nav pull-left hidden-desktop ">
<ul class="unstyled login-div nav">
<li>
<a href="http://198.23.80.242/hauth/login/Facebook"><span class="facebook"></span>دخول ب facebook</a>
</li>
<li>
<a href="http://198.23.80.242/member/register">
<span class="join"></span>اشترك
</a>
</li>
<li class="dropdown">
<a href="#" class="dropdown-toggle" data-toggle="dropdown">
<span class="login"></span> دخول
</a>
<ul class="dropdown-menu span3">
<form action="http://198.23.80.242/member/login" method="post" class="form-horizontal">
<fieldset class="row-fluid">
<input type="text" id="user_email" style="width:80%" name="identity" class="span12" placeholder="البريد الالكتروني">
</fieldset>
<fieldset class="row-fluid">
<input type="password" style="width:80%" id="user_password" name="password" class="span7" placeholder="كلمة المرور">
</fieldset>
<fieldset class="row-fluid" >
<button type="submit" class="btn btn-small btn-info pull-center">تسجيل الدخول</button>
<label class="checkbox">
<input type="checkbox" style="margin-top:5px;">تذكر كلمة المرور </label>
<a href="http://198.23.80.242/member/forgot_password" style="color: red;">نسيت كلمة المرور</a> </fieldset>
</form>
</ul>
</li>
</ul>
</div>
</div>
</div>
</div>
</div>
它不工作的 chrome 只:(火狐是一个伟大的...任何帮助的家伙
1条答案
按热度按时间2ic8powd1#
您正在使用
<div class="nav-collapse" style="height:auto !important; ">
!important;
将导致您的问题。另请阅读:http://css-tricks.com/when-using-important-is-the-right-choice/如果您希望在第一次加载(或调整大小)时打开菜单,请在html中使用:
<div class="nav-collapse collapse in" style="height:auto;">