Estoy usando dos barras de navegación en mi aplicación que colapsan individualmente en pantallas más pequeñas. En algunas pantallas tendré dos NavBars y en algunas solo la parte superior.
Añadiendo navbar-fixed-top
a la barra de navegación se pega a la parte superior, pero quiero apilarlos uno encima del otro y el contenido de la página debe estar adecuadamente espaciado debajo para que tenga visibilidad y no se oculte debajo de las barras de navegación.
Respuestas
1 para la respuesta № 1Para que el contenido de su página comience debajo de una barra de navegación fija, debe agregar una altura fija padding-top
al cuerpo (ver http://getbootstrap.com/components/#callout-navbar-fixed-top-padding) Como tiene una o dos barras de navegación, necesitará dos clases con diferentes alturas y agregar una de ellas a body
.
Para que la segunda barra de navegación aparezca debajo de la primera barra de navegación, puede agregar una clase como .navbar-fixed-top--secondary
a eso se pone un top: 50px
.