Menú lateral
Permite ampliar la navegación de un sitio y su contenido, disponibilizar rapidamente contenido contextual el cual se esta visualizando.
Implementación estandar
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:
Implementación de alto fijo
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: