Javascript Bootstrap3:mobile布局中的固定导航栏默认在加载时展开,不带';在';班
我试着在一个启动模板运行的页面中放入一个菜单。当我在960px以下的窗口中加载页面时,菜单的移动版本已经扩展(并且覆盖了我的大部分内容)。加载时,导航栏中没有“in”类,但如果我单击它,它将保留在那里,然后再次单击切换按钮,它将崩溃。第一次单击后,会出现“in”类,但我无法找到在第一次加载时默认折叠菜单的方法。有什么想法吗Javascript Bootstrap3:mobile布局中的固定导航栏默认在加载时展开,不带';在';班,javascript,jquery,html,twitter-bootstrap,Javascript,Jquery,Html,Twitter Bootstrap,我试着在一个启动模板运行的页面中放入一个菜单。当我在960px以下的窗口中加载页面时,菜单的移动版本已经扩展(并且覆盖了我的大部分内容)。加载时,导航栏中没有“in”类,但如果我单击它,它将保留在那里,然后再次单击切换按钮,它将崩溃。第一次单击后,会出现“in”类,但我无法找到在第一次加载时默认折叠菜单的方法。有什么想法吗 <body data-spy="scroll" data-target=".navbar"> <div id="wrap"> <na
<body data-spy="scroll" data-target=".navbar">
<div id="wrap">
<nav class="navbar navbar-default navbar-fixed-top" role="navigation" id="menu">
<div class="container">
<div class="navbar-header">
<button type="button" data-target="#navbarCollapse" data-toggle="collapse" class="navbar-toggle">
<span class="sr-only">Toggle navigation</span>
<span class="icon-bar"></span>
<span class="icon-bar"></span>
<span class="icon-bar"></span>
</button>
<a href="#" class="navbar-brand"><img src="./images/chalmers-avancez2.png" alt="" /></a>
</div>
<div id="navbarCollapse" class="navbar navbar-collapse">
<ul class="nav navbar-nav">
<li class="active"><a href="#intro">Intro</a></li>
<li><a href="#program">Program</a></li>
<li><a href="#speakers">Speakers / Performers</a></li>
<li><a href="#contact">Contact</a></li>
</ul>
<ul class="nav navbar-nav navbar-right">
<li><a id="SV" href="#SV">SV</a></li>
<li><a id="EN" href="#EN">EN</a></li>
</ul>
</div>
</div>
</nav>
切换导航
您丢失了折叠
,但您还在其上添加了导航栏
,这是不正确的:
不正确:
<div id="navbarCollapse" class="navbar navbar-collapse">
正确:
<div id="navbarCollapse" class="navbar-collapse collapse">
演示: