Twitter-bootstrap 3 fijó el contenido superpuesto de la barra lateral cuando se redimensionó la ventana y también el pie de página

Estoy teniendo problemas con una barra lateral superpuesta cuando uso affix para bootstrap 3 y cambio el tamaño de la ventana. ¿Hay alguna manera de agregar alguna clase de CSS para que en lugar de superponer la columna, el menú se fije en la parte superior?

Además, la columna se superpone al pie de página. Cualquier ayuda sería muy apreciada. Parece que muchas personas tienen este mismo problema.

Aquí está el HTML:

blah, blah, blah


Software

blah, blah, blah...



Aquí está el CSS:

 #sidebar.affix-top { position: static; } #sidebar.affix { position: fixed; top: 100px; } 

Demostración : http://bootply.com/104634

Solo debe aplicar el affix cuando el ancho de la pantalla sea mayor que 992 píxeles (el punto de interrupción en el que Bootstrap col-md-* comienza a astackrse verticalmente).

 .affix-top,.affix{ position: static; } @media (min-width: 992px) { #sidebar.affix-top { position: static; } #sidebar.affix { position: fixed; top: 100px; } } 

Además, si desea utilizar el affix en anchuras más pequeñas, puede cambiar sus columnas a col-sm-* o col-xs-* .

    Intereting Posts