Upon loading my page, the navbar button at the top is automatically expanded. Here is the code snippet:
<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>
I want to ensure that the navbar remains collapsed when the page initially loads. I am using Bootstrap 3.x. When viewed on a mobile device, the top navbar should be collapsed by default and only expand when the user clicks on the three horizontal lines.