[SOLUCIONADO] Cómo espaciar entre columnas con Bootstrap

[julia2021]

HOLA A TODOS, SOY NUEVA EN ESTO DE BOOTSTRAP PERO HASTA EL MOMENTO ME VA MUY BIEN, SIN EMBARGO TENGO EL SIGUIENTE PROBLEMA, ESTOY HACIENDO LA TIPICA ESTRUCTURA CON BOOTSTRAP DE GRILLA, HACIENDO UNA FILA CON 4 COLUMNAS, PERO NO SE COMO HACER PARA QUE EXISTA UN ESPACIADO EN ENTRE LAS COLUMNAS ?.

MI HTML ES:

<div class="container">
<div class="row">
<div class="col-xs-3 fondo">111</div>
<div class="col-xs-3 fondo">222</div>
<div class="col-xs-3 fondo">333</div>
<div class="col-xs-3 fondo">444</div>
</div>
</div>

MI CSS ES:

.fondo {
background-color: #f5f5f5;
border: 1px solid #e3e3e3;
}

OH! Y AHORA QUIEN PODRÁ DEFENDERME...
;)

[JustinKO]

Hola Julia,
Las clases de la grilla tienen un padding, pero para que puedas apreciar este "espaciado" debes de dar relleno (o lo que sea) a un elemento interior. Así por ejemplo:

<div class="container">
<div class="row">
<div class="col-md-3">
<div class="fondo">111</div>
</div>
<div class="col-md-3">
<div class="fondo">222</div>
</div>
<div class="col-md-3">
<div class="fondo">333</div>
</div>
<div class="col-md-3">
<div class="fondo">444</div>
</div>
</div>
</div>

TÚ CSS ES:

.fondo {
background-color: #f5f5f5;
border: 1px solid #e3e3e3;
}


Espero que te sirva de ayuda para comprenderlo.



Aquí puedes verlo.
Un saludo

[julia2021]

Claaarrrooooo lo tenia en mis ojos y no lo pude ver, Gracias JustinKO, eres lo máximo. Gracias

[laco84]

estoy aprendiendo tambien, mi duda es al ponerle el contenido a como te dice JustinKO y veo que le agrego div class fondo, funciono el css verdad.

saludos

[JustinKO]

Disculpa pero no entiendo la pregunta.