Al fin luego de mucho trabajar hemos encontrado la solución de este dilema que muchos usuarios de este espacio han presentado. Si tienes algo que aportar no dudes en compartir tu información.
Solución:
.navbar-fixed-top mantiene la parte superior fija de la barra de navegación para todos los tamaños de pantalla ahora. Este será el predeterminado. Cuando eche un vistazo a navbar.less, verá que tampoco se aplican consultas de medios en esta clase.
Para hacer la barra de navegación static después del colapso, agregue el css que se muestra a continuación después del CSS de Boostrap:
@media (max-width: 767px) /* @grid-float-breakpoint -1 */
.navbar-fixed-top
position: relative;
top: auto;
Además de lo que ha mencionado Bass Jobsen, para una mejor usabilidad en dispositivos móviles, el siguiente fragmento de CSS elimina el “desplazamiento secundario” en la barra de navegación y elimina el margen superior que está allí debido a la barra de navegación fija de pantalla grande:
@media (max-width: 767px)
.navbar-fixed-top
position: relative;
top: auto;
.navbar-collapse
max-height: none;
body
margin: 0;
valoraciones y comentarios
Si te gusta el tema, tienes la libertad de dejar una división acerca de qué le añadirías a este escrito.