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

<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。下面是我在手机上加载时的页面。我需要保持顶部导航栏最初折叠，只有当用户点击三个水平线时才应该展开。