I was utilizing Boostrap’s navbar collapse feature, on testing it in w3schools editor it worked and when i used it in my Laravel 8 project the Navbar Expands but on another interaction on Navbar Toggle it doesn’t collapse the content / shrink it back.
Below i posted the Screenshot
Bootstrap SDN’s
<link href="https://cdn.jsdelivr.net/npm/[email protected]/dist/css/bootstrap.min.css" rel="stylesheet">
<script src="https://cdn.jsdelivr.net/npm/[email protected]/dist/js/bootstrap.bundle.min.js"></script>
Code:
<button class="navbar navbar-toggler" type="button" data-bs-toggle="collapse"
data-bs-target="#collapseTarget" aria-controls="navbarSupportedContent" aria-label="Toggle navigation">
<span class="navbar-toggler-icon"></span></button>
<div class="collapse" id="collapseTarget">
<ul class="navbar-nav me-auto">
<li> <a href="">Wishlist</a> </li> <li> <a href="">SigIn</a> </li> <li> <a href="">Language</a> </li> </ul></div>