Saltar al contenido

ejemplo de código bootstrap combobox

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)



Utiliza Nuestro Buscador

Deja una respuesta

Tu dirección de correo electrónico no será publicada. Los campos obligatorios están marcados con *