Bootstrap: add margin/padding space between columns

Question

I\'m trying to put some extra margin/padding space between columns on my Bootstrap grid layout. I\'ve tried this but I don\'t like the result. Here is my code:

Answer 1

Super easy with flexbox. Leave room for some space by changing the columns to col-md-5

    

        Widget 1
    
    

        Widget 2
    

CSS

.widgets {
    display: flex;
    justify-content: space-around;
}