Warning: file_get_contents(/data/phpspider/zhask/data//catemap/9/javascript/389.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181

Warning: file_get_contents(/data/phpspider/zhask/data//catemap/2/jquery/72.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript Bootstrap3:mobile布局中的固定导航栏默认在加载时展开,不带';在';班_Javascript_Jquery_Html_Twitter Bootstrap - Fatal编程技术网

Javascript Bootstrap3:mobile布局中的固定导航栏默认在加载时展开,不带';在';班

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

我试着在一个启动模板运行的页面中放入一个菜单。当我在960px以下的窗口中加载页面时,菜单的移动版本已经扩展(并且覆盖了我的大部分内容)。加载时,导航栏中没有“in”类,但如果我单击它,它将保留在那里,然后再次单击切换按钮,它将崩溃。第一次单击后,会出现“in”类,但我无法找到在第一次加载时默认折叠菜单的方法。有什么想法吗

<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">

演示: