Saltar al contenido

Establecer el ancho máximo para el cuerpo usando Bootstrap

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í:

  1. Crear bootstrap-custom.css: en la medida de lo posible, no quiero anular mi css de arranque original.

  2. 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:

  1. Cree su propio archivo less como un archivo less principal (como bootstrap.less).

  2. 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)

  3. 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";
¡Haz clic para puntuar esta entrada!
(Votos: 0 Promedio: 0)



Utiliza Nuestro Buscador

Deja una respuesta

Tu dirección de correo electrónico no será publicada. Los campos obligatorios están marcados con *