Solución:
No tiene que modificar bootstrap-responsive eliminando @media (max-width:1200px)
…
Mi aplicación tiene una max-width
de 1600px. Así es como funcionó para mí:
-
Crear bootstrap-custom.css: en la medida de lo posible, no quiero anular mi css de arranque original.
-
Dentro de bootstrap-custom.css, anule el contenedor-fluido al incluir este código:
Como esto:
/* set a max-width for horizontal fluid layout and make it centered */
.container-fluid {
margin-right: auto;
margin-left: auto;
max-width: 1600px; /* or 950px */
}
Editar
Una mejor forma de hacerlo es:
-
Cree su propio archivo less como un archivo less principal (como bootstrap.less).
-
Importe todos los archivos bootstrap menos que necesite. (en este caso, solo necesita importar todos los archivos que respondan menos pero
responsive-1200px-min.less
) -
Si necesita modificar algo en el archivo original de menos de arranque, solo necesita escribir su propio menos para sobrescribir el código de menos de arranque. (Solo recuerde poner su código / archivo menos después
@import { /* bootstrap's less file */ };
).
Original
Tengo el mismo problema. Así es como lo arreglé.
Encuentra la consulta de medios:
@media (max-width:1200px) ...
Retirarlo. (Me refiero a todo, no solo @media (max-width:1200px)
)
Dado que el ancho predeterminado de Bootstrap es 940px, no necesita hacer nada.
Si quieres tener el tuyo propio max-width
, simplemente modifique la regla css en la consulta de medios que coincida con el ancho deseado.
En responsive.less, puede comentar la línea que importa responsive-1200px-min.less.
// Large desktops
@import "responsive-1200px-min.less";
Al igual que:
// Large desktops
// @import "responsive-1200px-min.less";