Sidebar

Elemento que es manejado por la barra de navegación principal a través el botón de menú, que a través de las clases pertinentes toma la forma de las tres barras acostadas y sirve como disparador para desplegar el sidebar.

Inicialización

Para inicializar el sidebar primero tenemos que iniciallizar el nav principal que es el que va a controlar la barra lateral.
es importante recalcar que si ambos elementos (nav y el sidebar) se añaden al html de forma dinámica (se agregan al html en tiempo de ejecución) es necesario iniciar el componente de otra forma, tal y como se describe debajo de este texto. 

    // Forma 1: Tradicional (No dinámica)
    BS.NavigationInit("#ID") // Donde ID es el ID del nav principal 

    // Forma 2: Dinámica 
    window.onload = () => setTimeout( () => BS.NavigationInit("#ID"), 100)

Muestra Default

Para comenzar vamos a definir un Nav por default con su sidebar para mostrar como utilizar estos componentes.

Sidebar Simple
Para más información recurrir a la sección Nav que muestra como definir los diferentes elementos del Nav principal.

Navegación Fija

Ahora vamos a v er como podemos realizar lo anterior pero lograr que el NAV y el SIDEBAR se trasladen a lo largo de toda la página dejando fija toda la navegación.
Para este objetivo al NAV hay que agregarle la clase .bs-nav-fixed y problema resuelto.

Sidebar Fijo

Colores e Íconos

La personalización de estos dos elementos se puede llevar a cabo con Íconos y los Colores de la biblioteca.
A modo de ejemplo vamos a definir algunos estilos para personalización de estos componentes.

Colores e Íconos

Responsive

Otra forma de utilizar el sidebar es para reemplazar las opciones del menu del nav. Para dispositivos de tamaño de pantalla más pequeños ocultamos el menú del NAV y lo reemplazamos por del sidebar.
Para realizar esta tarea no apoyaremos en los Helpers.

Muestra Responsive

Destroy

Si lo queremos es desvincular la lógica que une al sidebar y al nav principal para optimizar recuros tenemos que llamar a la función destroy que brinda esta posibilidad. 

        BS.NavigationDestroy()
`r`n