Después de de nuestra extensa compilación de información hemos podido resolver esta dificultad que suelen tener algunos los lectores. Te dejamos la respuesta y nuestro objetivo es serte de mucha apoyo.
Ejemplo 1: barra de navegación derecha bootstrap 4
<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>
Ejemplo 2: barra de navegación de bootstrap 4 con logotipo y navegación a la derecha
<navclass="navbar navbar-expand-lg navbar-light bg-light"><aclass="navbar-brand"href="#">Navbara><buttonclass="navbar-toggler"type="button"data-toggle="collapse"data-target="#navbarNav"aria-controls="navbarNav"aria-expanded="false"aria-label="Toggle navigation"><spanclass="navbar-toggler-icon">span>button><divclass="collapse navbar-collapse"id="navbarNav"><ulclass="nav navbar-nav ml-auto"><liclass="nav-item active"><aclass="nav-link"href="#">Home <spanclass="sr-only">(current)span>a>li><liclass="nav-item"><aclass="nav-link"href="#">Featuresa>li><liclass="nav-item"><aclass="nav-link"href="#">Pricinga>li><liclass="nav-item"><aclass="nav-link disabled"href="#">Disableda>li>ul>
Si haces scroll puedes encontrar las críticas de otros programadores, tú igualmente puedes mostrar el tuyo si te apetece.
¡Haz clic para puntuar esta entrada!
(Votos: 0 Promedio: 0)