Saltar al contenido

ejemplo de código bootstrap navbar navbar-expand-lg

Hola, hemos encontrado la solución a lo que necesitas, deslízate y la verás aquí.

Ejemplo 1: barra de navegación bootstrap

<navclass="navbar navbar-expand-lg navbar-light bg-light"><aclass="navbar-brand"href="#">Navbara><buttonclass="navbar-toggler"type="button"data-toggle="collapse"data-target="#navbarNavAltMarkup"aria-controls="navbarNavAltMarkup"aria-expanded="false"aria-label="Toggle navigation"><spanclass="navbar-toggler-icon">span>button><divclass="collapse navbar-collapse"id="navbarNavAltMarkup"><divclass="navbar-nav"><aclass="nav-item nav-link active"href="#">Home <spanclass="sr-only">(current)span>a><aclass="nav-item nav-link"href="#">Featuresa><aclass="nav-item nav-link"href="#">Pricinga><aclass="nav-item nav-link disabled"href="#">Disableda>div>div>nav>

Ejemplo 2: bootstrap navbar-nav

<navclass="navbar navbar-expand-lg navbar-light bg-light"><aclass="navbar-brand"href="#">Navbara><buttonclass="navbar-toggler"type="button"data-toggle="collapse"data-target="#navbarSupportedContent"aria-controls="navbarSupportedContent"aria-expanded="false"aria-label="Toggle navigation"><spanclass="navbar-toggler-icon">span>button><divclass="collapse navbar-collapse"id="navbarSupportedContent"><ulclass="navbar-nav mr-auto"><liclass="nav-item active"><aclass="nav-link"href="#">Home <spanclass="sr-only">(current)span>a>li><liclass="nav-item"><aclass="nav-link"href="#">Linka>li><liclass="nav-item dropdown"><aclass="nav-link dropdown-toggle"href="#"id="navbarDropdown"role="button"data-toggle="dropdown"aria-haspopup="true"aria-expanded="false">
          Dropdown
        a><divclass="dropdown-menu"aria-labelledby="navbarDropdown"><aclass="dropdown-item"href="#">Actiona><aclass="dropdown-item"href="#">Another actiona><divclass="dropdown-divider">div><aclass="dropdown-item"href="#">Something else herea>div>li><liclass="nav-item"><aclass="nav-link disabled"href="#">Disableda>li>ul><formclass="form-inline my-2 my-lg-0"><inputclass="form-control mr-sm-2"type="search"placeholder="Search"aria-label="Search"><buttonclass="btn btn-outline-success my-2 my-sm-0"type="submit">Searchbutton>form>div>nav>

Al final de la web puedes encontrar las interpretaciones de otros administradores, tú también tienes el poder dejar el tuyo si te gusta.

¡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 *