Fondo del contenedor CSS Bootstrap
Estoy usando bootstrap y me preguntaba cuál sería una manera limpia de dar un fondo a mi contenedor.
Estoy usando la clase bootstrapcontainer
nocontainer-fluid
. Bootstrap doc establece claramente que no debería anidar contenedores, entonces, ¿cuál es la alternativa para lograr este objetivo? Si configuro un fondo para micontainer
los márgenes izquierdo y derecho siguen siendo blancos, quiero colorear ese espacio también, pero también quiero que mi contenido esté alineado de la forma en quecontainer
está alineado, no la forma en quecontainer-fluid
está alineado Alguna sugerencia ? Mi solución actual es anidar uncontainer
dentrocontainer-fluid
y elimine el relleno del primero, pero quiero hacer una mejor solución que no vaya en contra de la documentación de arranque.
Gracias por adelantado !
EDITAR
Aquí está, por ejemplo, lo que tenía
<div class="container-fluid my-class">
<div class="container">
Some rows and columns here
</div>
</div>
y luego anulo el relleno de bootstrap en css
.container-fluid {
padding-left: 0;
padding-right: 0;
}
.my-class {
background: red;
}
Pero, como dije, esta es la mala manera de hacerlo.