Quiero crear un menú de barra adhesiva izquierda con bootstrap 3 como:
http://getbootstrap.com/getting-started/
I'd leer la documentación dada http://getbootstrap.com/javascript/#affix
Lo intento con .affix
pero el resultado es cero.
Actualización: @Skelly, Gracias por su amable ejemplo. y sí, quiero como su ejemplo. I'd descargar su ejemplo html, pero después de descargar el archivo html's barra lateral didn't trabajo allí.
Bootstrap 3
Aquí hay un ejemplo de barra lateral izquierda que funciona:
http://bootply.com/90936 (similar a los documentos de Bootstrap)
El truco es usar el componente affix
junto con algo de CSS para posicionarlo:
#sidebar.affix-top {
position: static;
margin-top:30px;
width:228px;
}
#sidebar.affix {
position: fixed;
top:70px;
width:228px;
}
EDIT- Otro ejemplo con pie de página y affix-bottom
Bootstrap 4
El componente Affix ha sido eliminado en Bootstrap 4, por lo que para crear una barra lateral adhesiva, puede utilizar un complemento Affix de terceros como este ejemplo de barra lateral adhesiva de Bootstrap 4, o utilizar la clase sticky-top
es explicada en esta respuesta.
Relacionado: https://stackoverflow.com/questions/48996084/create-a-responsive-navbar-sidebar-drawer-in-bootstrap-4
También puede intentar utilizar un Polyfill como Fixed-Sticky. Especialmente cuando se utiliza Bootstrap4 el componente affix
es ya no se incluye:
El plugin jQuery Affix ha sido eliminado. Recomendamos usar un position: sticky
polyfill en su lugar.