页面加载时折叠导航栏

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。下面是在移动设备上加载页面的情况，我希望一开始时顶部导航栏保持折叠状态，并且只有当用户点击三条横线时才展开。

- Vaibhav Bhardwaj

---

比较在打开和折叠时的开发工具样式。然后默认应用折叠样式... - vanowm

Answer 1

导航栏默认应该是折叠的。你的导航栏保持展开状态是因为你的类名中有一个拼写错误。将 collpase 改为 collapse。

- Siddharth Bhansali