HTML - Bootstrap: crear un contenedor fluido (100%) pero con anchos fijos

Saludos,

Me gustaría saber si alguien conoce la forma de crear en Bootstrap un container-fluid pero con anchos fijos en px para cada dispositivo, ya que la desventaja de la clase container es que no permite que el background de las filas del contenedor ocupen toda la web (o no sé cómo hacerlo) y deja un espacio blanco de fondo de la web. Vaya, algo como lo que construyen las web de Wordpress.

¡Mil gracias!

Hola Laura,

De lo que entendí de tu dilema, aquí lo que creo necesitas.


container-fluid : Usa todo el ancho/Alto disponible.
col- : Si fijamos el valor de la fila con un col-5, col-7 etc, este ancho será fijo en todas las resoluciones.
https://v4-alpha.getbootstrap.com/layout/grid/

Espero haberte podido ayudar,
Saludos!

Gracias López!

Pero no, justo eso es lo que no quiero. Si lo pones a 4col, ocupará 1/3, y se irá reduciendo cada tercio según reduzcas la pantalla... Precisamente lo que quiero es hacer como wordpress: el background es fluido, pero el contenido tiene px concretos en cada resolución... No sé si me explico.

Mejor explicado:

Tengo una web en Bootstrap, en un container-fluid. Quiero que una de sus filas (row) tenga un ancho fijo diferente en cada dispositivo (de 1000px, 700px, etc) y que, ya dentro de estos div, se trabaje con col-4,...

Hola Laura,

Ya veo, para ello puedes usar algo así:

CSS


HTML


Cuéntanos que tal,
Saludos!

Hola López!

Encontré una "solución" y me gustaría compartirla, ya que permite el uso de container-fluid y container, aunque más adelante explico la solución correcta para navegantes:

- Para container fluid:

- Para container a medida (con la id="principal" creamos 4 anchos en media queries)

Desgraciadamente, temo dos cosas:
a) Que todo este follón podía simplificarse metiendo lo que queramos al 100% en una fila que, a su vez, esté metida en un container-fluid, y lo que queramos a medida en un container que, a su vez contiene un row con la clase (ya que habrá varias) class="fila-contenedor".
b) Que gracias a eso, además, cada container y container-fluid podría definir su propio color de fondo como en wordpress.

¡Arregladlo los que aún podáis, que ya tengo demasiado código!

Hola Laura,

Muchísimas gracias por tomarte el tiempo de responder y compartir conocimiento con nosotros.
Recibe un fuerte abrazo desde Chile.