Permite ampliar la navegación de un sitio y su contenido, disponibilizar rapidamente contenido contextual el cual se esta visualizando.
A continuación se muestra el codigo para implementar un menu completo
basado en jerarquía de elementos de listas,
ul y li.
Considerar que para los elementos disabled, como en item
Color del ejemplo, se deben usar la propiedad html
tabindex="-1" en los links <a> para saltar la nevagación
por teclado.
Menú completo
Ejemplo:
En algunos casos se puede requerir acortar el alto de la barra lateral. A continuación se ejemplifica su uso dentro de un contenedor, de alto de 390px.
Menú con alto fijo
Ejemplo: