margin between divs in row bootstrap

Question

I have something like this:

<div class="container">
<div class="row " >

<div class="col-sm-3 bg-dark ">
div 1
</div>

<div class="col-sm-3 bg-dark ">
div 2
</div>

<div class="col-sm-3 bg-dark ">
div 3
</div>

<div class="col-sm-3 bg-dark ">
div 4
</div>

</div>
</div>

How to make a margin between those 4 divs?

Answer 1

Is your css loaded after the bootstrap css?

Answer 2

Tried with

div.row > div{
margin: ...;
}

????

Answer 3

yeah i tried it still no margins

Answer 4

Can you post a link to your code?

Answer 5

yeah it's working now my css file was loading after bootstrap.
Thanks for help.