Skip to main content
se añadieron 1765 caracteres en el cuerpo
Origen Enlace

introducir la descripción de la imagen aquí

<nav class="navbar navbar-expand-lg navbar-light bg-light">
  <div class="container-fluid">
    <a class="navbar-brand" href="#">Navbar</a>
    <button class="navbar-toggler" type="button" data-bs-toggle="collapse" data-bs-target="#navbarNavDropdown" aria-controls="navbarNavDropdown" aria-expanded="false" aria-label="Toggle navigation">
      <span class="navbar-toggler-icon"></span>
    </button>
    <div class="collapse navbar-collapse" id="navbarNavDropdown">
      <ul class="navbar-nav">
        <li class="nav-item">
          <a class="nav-link active" aria-current="page" href="#">Home</a>
        </li>
        <li class="nav-item">
          <a class="nav-link" href="#">Features</a>
        </li>
        <li class="nav-item">
          <a class="nav-link" href="#">Pricing</a>
        </li>
        <li class="nav-item dropdown">
          <a class="nav-link dropdown-toggle" href="#" id="navbarDropdownMenuLink" role="button" data-bs-toggle="dropdown" aria-expanded="false">
            Dropdown link
          </a>
          <ul class="dropdown-menu" aria-labelledby="navbarDropdownMenuLink">
            <li><a class="dropdown-item" href="#">Action</a></li>
            <li><a class="dropdown-item" href="#">Another action</a></li>
            <li><a class="dropdown-item" href="#">Something else here</a></li>
          </ul>
        </li>
      </ul>
    </div>
  </div>
</nav>

Buen día a todos espero puedan ayudarme. Estoy utilizando la librería Bootstrap 5 para realizar un navbar.

Mi problema es el siguiente al visualizar mi pagina en dispositivos móviles mi navbar aparece estilo "hamburguesa" por así decirlo lo cual debe de ser así ya que eso dicta la documentación,.

sim embargo me gustaría mostrar en dispositivos móviles el navbar de la siguientediferente forma : Adjuntoen lugar de mostrar mi menú delegable me gustaría mostrar una imgpila de botones con las opciones. espero

espero puedan ayudarme de antemano gracias.

Buen día a todos espero puedan ayudarme. Estoy utilizando la librería Bootstrap 5 para realizar un navbar.

Mi problema es el siguiente al visualizar mi pagina en dispositivos móviles mi navbar aparece estilo "hamburguesa" por así decirlo lo cual debe de ser así ya que eso dicta la documentación, sim embargo me gustaría mostrar en dispositivos móviles el navbar de la siguiente forma : Adjunto una img. espero puedan ayudarme de antemano gracias.

introducir la descripción de la imagen aquí

<nav class="navbar navbar-expand-lg navbar-light bg-light">
  <div class="container-fluid">
    <a class="navbar-brand" href="#">Navbar</a>
    <button class="navbar-toggler" type="button" data-bs-toggle="collapse" data-bs-target="#navbarNavDropdown" aria-controls="navbarNavDropdown" aria-expanded="false" aria-label="Toggle navigation">
      <span class="navbar-toggler-icon"></span>
    </button>
    <div class="collapse navbar-collapse" id="navbarNavDropdown">
      <ul class="navbar-nav">
        <li class="nav-item">
          <a class="nav-link active" aria-current="page" href="#">Home</a>
        </li>
        <li class="nav-item">
          <a class="nav-link" href="#">Features</a>
        </li>
        <li class="nav-item">
          <a class="nav-link" href="#">Pricing</a>
        </li>
        <li class="nav-item dropdown">
          <a class="nav-link dropdown-toggle" href="#" id="navbarDropdownMenuLink" role="button" data-bs-toggle="dropdown" aria-expanded="false">
            Dropdown link
          </a>
          <ul class="dropdown-menu" aria-labelledby="navbarDropdownMenuLink">
            <li><a class="dropdown-item" href="#">Action</a></li>
            <li><a class="dropdown-item" href="#">Another action</a></li>
            <li><a class="dropdown-item" href="#">Something else here</a></li>
          </ul>
        </li>
      </ul>
    </div>
  </div>
</nav>

Buen día a todos espero puedan ayudarme. Estoy utilizando la librería Bootstrap 5 para realizar un navbar.

Mi problema es el siguiente al visualizar mi pagina en dispositivos móviles mi navbar aparece estilo "hamburguesa" por así decirlo lo cual debe de ser así ya que eso dicta la documentación.

sim embargo me gustaría mostrar en dispositivos móviles el navbar de diferente forma en lugar de mostrar mi menú delegable me gustaría mostrar una pila de botones con las opciones.

espero puedan ayudarme de antemano gracias.

Origen Enlace

Como personalizo un navbar bootstrap?

Buen día a todos espero puedan ayudarme. Estoy utilizando la librería Bootstrap 5 para realizar un navbar.

Mi problema es el siguiente al visualizar mi pagina en dispositivos móviles mi navbar aparece estilo "hamburguesa" por así decirlo lo cual debe de ser así ya que eso dicta la documentación, sim embargo me gustaría mostrar en dispositivos móviles el navbar de la siguiente forma : Adjunto una img. espero puedan ayudarme de antemano gracias.