Question

我制作了一个自举响应式导航菜单，当页面变小时，它会折叠到一个框中。几乎是标准的bootstrap。但是，当页面变小时，菜单会自动显示，而不是我必须单击切换框。关于如何解决这个问题的任何想法？

 <div class="navbar-header">
      <button type="button" class="navbar-toggle" data-toggle="collapse" data-target=".navbar-collapse">
                <span class="sr-only"> Toggle Navigation</span>
                <span class="icon-bar"></span>
                <span class="icon-bar"></span>
                <span class="icon-bar"></span>
        </button> 
        </div>
        <div class="navbar-collapse" collapse">

<div id="navigation">
    <ul class="nav navbar-nav navbar-center"> 
    <li><a href="#">Budget Tracker</a></li> 
    <li><a href="#">Interactive Globe</a></li> 
    <li><a href="#">Travel Quiz</a></li> 
    <li><a href="#">Forum</a></li> 
    </ul> 
</div>
</div>

这是我的bootstrap可折叠菜单的代码。

也有人知道如何让切换框出现在屏幕中央，而不是右边吗？

Answer 1

这是＆＃34;在＆＃34; navbar-collapse＆＃34;之间崩溃＆＃34;类

Answer 2

您正在使用数据目标引用错误的元素。试一试。

 button type="button" class="navbar-toggle" data-toggle="collapse" data-          target="#navigation">

此外，W3Schools有一个很好的教程。

Answer 3

您需要移除"分散navbar-collapse

中的课程的

/href=['"]([^'"]+?)['"]/

直接出现的bootstrap navbar collapse / toggle菜单

3 个答案: