Desactiva a capacidade de resposta de Bootstrap corrixindo o ancho do contedor e usando o primeiro nivel do sistema de reixa. Lea a documentación para obter máis información.
Teña en conta a falta do <meta name="viewport" content="width=device-width, initial-scale=1">
, que desactiva o aspecto de zoom dos sitios en dispositivos móbiles. Ademais, restablecemos o ancho do noso contedor e cambiamos a barra de navegación para evitar o colapso e, basicamente, estamos listos.
Como aviso, o compoñente da barra de navegación é bastante complicado porque os estilos para mostralo son bastante específicos e detallados. Anulacións para garantir que a visualización dos estilos de escritorio non sexa tan eficiente ou elegante como se desexa. Só ten en conta que pode haber problemas potenciales mentres creas este exemplo ao usar a barra de navegación.
Os deseños que non responden destacan un inconveniente fundamental dos elementos fixos. Calquera compoñente fixo, como unha barra de navegación fixa, non poderá desprazarse cando a ventana gráfica se faga máis estreita que o contido da páxina. Noutras palabras, tendo en conta o ancho do contenedor que non responde de 970 píxeles e unha ventana gráfica de 800 píxeles, pode ocultar 170 píxeles de contido.
Non hai forma de evitar isto xa que é o comportamento predeterminado do navegador. A única solución é un deseño responsivo ou usar un elemento non fixo.