Home  >  Q&A  >  body text

Can't close Boostrap 5 navigation bar

Navigation bar does not close in responsive mode

All added libraries are ready ''''

<div class="collapse navbar-collapse justify-content-end" id="navbarSupportedContent">
          <ul class="navbar-nav  mb-2 mb-lg-0">
            <li class="nav-item active">
                <select class="users" id="users">
                <option><a class="nav-link active" href="#">User</a></option>
                <option><a class="nav-link active" href="#">Employee</a></option>
                <option><a class="nav-link active" href="#">Admin</a></option>
                </select>
            </li>
          </ul>
        </div>
    </div>
      </nav>
````

P粉738821035P粉738821035190 days ago303

reply all(1)I'll reply

  • P粉574695215

    P粉5746952152024-04-02 13:50:06

    I've removed the <div class="collapse navbar-collapse justify-content-end" id="navbarSupportedContent"> part and now you can see the dropdown when changing the resolution .

    reply
    0
  • Cancelreply