Recently, I delved into the world of Bootstrap 4 and decided to create a collapsing menu. Everything seemed to be working fine when I clicked the button and saw the content display perfectly. However, things took a turn for the worse when I tried to collapse the menu. Upon clicking the button again, instead of smoothly closing, it began to stutter but remained open.
Below is the code snippet I used:
<nav class="navbar navbar-dark bg-inverse">
<button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#bird">
☰
</button>
</nav>
<!-- Content -->
<div class="collapse navbar-toggleable" id="bird">
<div class="bg-faded p-a">
<h4>Test</h4>
<p>Lorem ipsum is dummy text.</p>
</div>
</div>
Your assistance in solving this issue would be greatly appreciated.
Sincerely, Nick