javascript - 在页面加载时折叠导航栏

Question

我在页面顶部添加了导航栏按钮。问题是，当我第一次加载我的页面时，导航栏默认展开。下面是我的代码。

<button type="button" class="navbar-toggle" data-toggle="collapse" data-target="#navbar-collapse-main" 
            aria-controls="navbar-collapse-main" aria-expanded="true" aria-label="toggle navigation">

<div class="collpase navbar-collapse" id="navbar-collapse-main">
// some content here
</div>

我需要在加载页面时保持导航栏折叠。我正在使用 Bootstrap 3.x。下面是我在手机上加载它时的页面。我需要保持顶部导航栏最初是折叠的，只有当用户点击三个水平线时才应该展开。

Answer 1

默认情况下，导航栏应该是折叠的。您保持开放状态的原因是您的类(class)名称中有错字。将 collpase 更改为 collapse。