twitter bootstrap - bootstrap 4 nav no muestra hamburguesa en redimensionar

twitter-bootstrap bootstrap-4

Question

He descubierto cómo alinear los elementos del menú a la derecha, pero cuando se cambia el tamaño, la barra de desplazamiento no aparece.

Código:

<nav class="navbar navbar-toggleable-md">
    <a asp-controller="Home" asp-action="Index" class="navbar-brand">
        <img class="brand_img" src="/Graphic/logo.jpg" style="margin-left:-1px;margin-right:6px;" />
        <span class="brand_name">Lundbeck Consulting</span>
    </a>
    <button type="button" class="navbar-toggler navbar-toggler-right" data-toggle="collapse" data-target="#navbarFullCollapse" >
        <span class="navbar-toggler-icon"></span>
    </button>
    <div class="collapse navbar-collapse justify-content-end" id="navbarFullCollapse">
        <div class="nav navbar-nav">
            <a class="nav-item nav-link navbar_item" asp-controller="Home" asp-action="About">Om LC</a>
            <a class="nav-item nav-link navbar_item" asp-controller="Project" asp-action="Index">Prosjekter</a>
            <a class="nav-item nav-link navbar_item" asp-controller="Home" asp-action="Contact">Kontakt</a>
        </div>
    </div>
</nav>

Por favor, consulte http://core.lundbeckconsulting.no para la demostración

¡gracias por adelantado!

Answer 1

El código está bien, sin embargo, me quedaría con la documentación y reemplazaría el botón justo después de abrir la etiqueta porque puede tener algo con js cargando.

EDITAR: ¡Inspeccioné su sitio web una vez más y encontré el botón, en la esquina superior derecha! Ahora todo lo que tienes que hacer es cambiar su color y posición. Use las herramientas de desarrollo de google chrome (f12) y búsquelo mientras su ventana cambia de tamaño.

Answer 2

Actualizado 2018

La hamburguesa está allí, pero no es visible porque la barra de navegación necesita un color o cambiar el color del alternador .

<nav class="navbar navbar-toggleable-md bg-faded navbar-light">
    ..
</nav>

• Use navbar-dark para producir enlaces de color claro / blanco y alternar
• Use navbar-light para producir enlaces de color oscuro / gris y alternar

En Bootstrap 4.0.0 navbar-toggleable- ha cambiado a navbar-expand- , pero navbar-light y navbar-dark todavía funcionan de la misma manera ...

<nav class="navbar navbar-expand-md navbar-light bg-light">
    ..
</nav>

ver también: Barra de navegación de Bootstrap: no se muestra nada en dispositivos más pequeños