Yo estaba jugando con Twitter Bootstrap y noté que mi .row
era más ancha que la pantalla de longitud.
Aquí es el ejemplo
Cuando bootstrap 3.0 salió yo no la experiencia de este.
El espacio extra en el lado derecho viene de margin-right: -15px;
He sido evidentes en esto durante horas sin hacer ningún progreso en por qué o cómo estoy engañando a mí mismo y la búsqueda no ha sido de gran ayuda.
Estoy seguro de que me estoy perdiendo de lo obvio. Me gustaría entender por qué no es este el espacio más allá de la anchura de la ventana (forzando un scroller) y cómo evitarlo. Pensé que una fila podría coincidir con el 100%
La solución correcta (https://getbootstrap.com/docs/3.3/css/#grid-example-fluid) es el uso de la
container-fluid
clase en los alrededores de la div:bootstrap 3.2.0
, Anes de la respuesta, trabajó para mí.Me fijo por sólo la eliminación de margin-left & margen derecha de .fila en bootstrap y también por la configuración del ancho de 100%
bootstrap 3.2.0
, @JasonAller aceptado la respuesta, obviamente, no funciona…, pruebe con algunas columnas en su interior...row {max-width: 100%}
EDITAR >>
Este fue el aceptado previamente la respuesta. Recupera si cualquiera de los sitios con una versión antigua.
EDITAR <<
Es un bug
Que parece haber sido fijadas para rato. Tal vez una adecuada revisión en 3.1.
Mejor sugerencia parece ser
"overflow-x: hidden
enbody
elemento.https://github.com/twbs/bootstrap/issues/10711
Distinta de la que se añade, aclaró que algunos de los que en este cometer
Especialmente esta línea «Gente que busca crear totalmente fluido diseños (es decir, su sitio se extiende por todo el ancho de la ventana) se debe ajustar su red de contenido en un elemento de contención con
padding: 0 15px;
para compensar lamargin: 0 -15px;
utilizado en.row
«Sus filas deben ser colocados dentro de un div con la clase de contenedor aplicado.
Por ejemplo