html - popover bootstrap 3

Bootstrap 3 Grid, ¿necesito un contenedor?

Question

He estado jugando con bootstrap 3 y noté que si utilizas el sistema Grid sin un contenedor, se vuelve fluido, alguien me dijo que no debía hacerlo porque el sistema estaba diseñado para estar dentro de un contenedor. ¿Qué sucede si no uso la clase de contenedor ?, ¿la necesito ?, si es así, ¿podría hacer que el ancho de la clase de contenedor sea del 100% sin desordenar las consultas de medios de Bootstrap, o hay alguna otra forma mejor de crear un fluido? Disposición con bootstrap 3.

Answer 1

Creo que lo necesitas. Sin el tipo de contenedor funciona, pero muestra una barra de desplazamiento horizontal en la parte inferior de la página y alrededor de 20px están recortados desde el lado derecho de la pantalla.

Vea cómo funciona sin la clase de contenedor: solo vaya a http://getbootstrap.com/ y elimine la clase de contenedor utilizando el elemento inspect.

Answer 2

Simplemente use la clase de fluido de contenedor en lugar de la clase de contenedor. class = "container-fluid" te permitirá usar el ancho completo.

Answer 3

Actualizar Bootstrap 4

Las filas también deben estar envueltas en un container o container-fluid en Bootstrap 4 para evitar el desplazamiento horizontal causado por los márgenes negativos en la .row .

Bootstrap 3

Debería envolver la row en el container o tendrá un problema con los márgenes negativos que BS 3 usa para el elemento de la row . Básicamente, la row está diseñada para estar dentro de un contenedor. Lea más en la rejilla Bootstrap

Juega con este ejemplo en Bootply: http://bootply.com/83751