Navbar

Una única barra con diferentes opciones de uso, desde mostrar un menú slide horizontal, hasta utilizarla como menú desplegable... Conoce otras opciones más.

-- Navbar Collapse

Redimensiona el navegador para ver los resultados.

HTML

-- Sidebar

HTML

Nota Es importante tener en cuenta que sólo puede haber un elemento con clase backdrop en todo el sitio web, este, normalmente iría colocado en el index.

-- Navbar basic

HTML

-- Navbar basic small

HTML

-- Navbar basic anclas

HTML

-- Navbar basic y controles laterales

HTML

Nota Puede ser conveniente que los botones de control no aparezcan en dispositivos móviles y, que el contenido del menú se desplaze a través del touch del dispositivo.
Añade la clase d-none anteponiendo el punto de corte donde desees que los botones desaparezcan; Mira el siguiente código de ejemplo:

HTML 

    
    ...

-- Utilidades

CLASE: navbar-fixed-top

Una utilidad para la barra de navegación principal, ya que la misma contiene ajustes, para evitar desplazamientos del documento en caso de utilizar, por ejemplo la modal o hacer uso de sidebar. (Como ejemplo de uso de esta clase, tienes la barra de menú de este sitio web).

CLASE: sticky

Se puede hacer uso de la clase sticky para fijar también la barra de navegación principal ya que la misma con tiene las propiedades necesarias para ello;

CSS 

    .sticky {
        width: 100%;
        position: sticky;
        top: 0;
        z-index: 1020;
    }