Saltar al contenido

Bootstrap 4 menú de alternancia icono de hamburguesa ejemplo de código

Al fin luego de tanto batallar ya dimos con el arreglo de esta contratiempo que algunos usuarios de nuestro sitio presentan. Si tienes alguna información que compartir puedes compartir tu información.

Ejemplo 1: menú de hamburguesa bootstrap

<scriptsrc="https://cdnjs.cloudflare.com/ajax/libs/jquery/2.1.3/jquery.min.js">script><scriptsrc="https://cdnjs.cloudflare.com/ajax/libs/twitter-bootstrap/3.3.7/js/bootstrap.min.js">script><linkrel="stylesheet"href="https://cdnjs.cloudflare.com/ajax/libs/twitter-bootstrap/3.3.7/css/bootstrap.min.css"><navclass="navbar navbar-inverse navbar-static-top"role="navigation"><divclass="container"><divclass="navbar-header"><buttontype="button"class="navbar-toggle collapsed"data-toggle="collapse"data-target="#bs-example-navbar-collapse-1"><spanclass="sr-only">Toggle navigationspan><spanclass="icon-bar">span><spanclass="icon-bar">span><spanclass="icon-bar">span>button>div><divclass="collapse navbar-collapse"id="bs-example-navbar-collapse-1"><ulclass="nav navbar-nav"><li><ahref="index.php">Homea>li><li><ahref="about.php">Abouta>li><li><ahref="#portfolio">Portfolioa>li><li><ahref="#">Bloga>li><li><ahref="contact.php">Contacta>li>ul>div>div>nav>

Ejemplo 2: menú de hamburguesa de bootstrap navbar

<scriptsrc="https://code.jquery.com/jquery-3.5.1.slim.min.js"integrity="sha384-DfXdz2htPH0lsSSs5nCTpuj/zy4C+OGpamoFVy38MVBnE+IbbVYUew+OrCXaRkfj"crossorigin="anonymous">script><scriptsrc="https://cdn.jsdelivr.net/npm/[email protected]/dist/umd/popper.min.js"integrity="sha384-Q6E9RHvbIyZFJoft+2mJbHaEWldlvI9IOYy5n3zV9zzTtmI3UksdQRVvoxMfooAo"crossorigin="anonymous">script>

¡Haz clic para puntuar esta entrada!
(Votos: 2 Promedio: 4.5)



Utiliza Nuestro Buscador

Deja una respuesta

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