Ejemplo 1: crear un menú desplegable en html bootstrap
<divclass="dropdown"><buttonclass="btn btn-secondary dropdown-toggle"type="button"id="dropdownMenu2"data-toggle="dropdown"aria-haspopup="true"aria-expanded="false">
Dropdown
button><divclass="dropdown-menu"aria-labelledby="dropdownMenu2"><buttonclass="dropdown-item"type="button">Actionbutton><buttonclass="dropdown-item"type="button">Another actionbutton><buttonclass="dropdown-item"type="button">Something else herebutton>div>div>
Ejemplo 2: menú desplegable bootstrap 4
<divclass="dropdown"><buttonclass="btn btn-secondary dropdown-toggle"type="button"id="dropdownMenuButton"data-toggle="dropdown"aria-haspopup="true"aria-expanded="false">
Dropdown button
button><divclass="dropdown-menu"aria-labelledby="dropdownMenuButton"><aclass="dropdown-item"href="#">Actiona><aclass="dropdown-item"href="#">Another actiona><aclass="dropdown-item"href="#">Something else herea>div>div>
Ejemplo 3: bootstrap desplegable
<divclass="dropdown show"><aclass="btn btn-secondary dropdown-toggle"href="#"role="button"id="dropdownMenuLink"data-toggle="dropdown"aria-haspopup="true"aria-expanded="false">
Dropdown link
a><divclass="dropdown-menu"aria-labelledby="dropdownMenuLink"><aclass="dropdown-item"href="#">Actiona><aclass="dropdown-item"href="#">Another actiona><aclass="dropdown-item"href="#">Something else herea>div>div>
Ejemplo 4: bootstrap desplegable
Bootstrap Dropdown menu with seach button<divclass="collapse navbar-collapse justify-content-between"id="navbarCollapse"><divclass="navbar-nav"><divclass="nav-item dropdown"><ahref="#"class="nav-link dropdown-toggle"data-toggle="dropdown">MANAGEMENTa><divclass="dropdown-menu"><ahref="#"class="dropdown-item">Mana><ahref="#"class="dropdown-item">Mana><ahref="#"class="dropdown-item">Mana>div>div>div><divclass="collapse navbar-collapse justify-content-between"id="navbarCollapse"><divclass="navbar-nav"><divclass="nav-item dropdown"><ahref="#"class="nav-link dropdown-toggle"data-toggle="dropdown">PROJECTa><divclass="dropdown-menu"><ahref="#"class="dropdown-item">Proa><ahref="#"class="dropdown-item">Proa><ahref="#"class="dropdown-item">Proa>div>div>div><divclass="navbar-nav"><ahref="#"class="nav-item nav-link">LOGIN/REGISTERa>div>div>nav>div>
Tienes la posibilidad mostrar este artículo si lograste el éxito.
¡Haz clic para puntuar esta entrada!
(Votos: 0 Promedio: 0)