Back
Syntax
Study
Editor
Mode:
HTML
CSS
JavaScript
PHP
Reset
Run »
HTML / CSS / JS
<nav class="navbar navbar-expand-lg bg-light"> <div class="container"> <a class="navbar-brand" href="#">Brand</a> <div class="collapse navbar-collapse"> <ul class="navbar-nav"> <li class="nav-item dropdown"> <a class="nav-link dropdown-toggle" href="#" data-bs-toggle="dropdown">Products</a> <ul class="dropdown-menu"> <li><a class="dropdown-item" href="#">Web Apps</a></li> <li><a class="dropdown-item" href="#">Mobile</a></li> <li><hr class="dropdown-divider"></li> <li><a class="dropdown-item" href="#">All Products</a></li> </ul> </li> </ul> </div> </div> </nav>
Result
Open