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

Simply add a div within col-md-6 that has the extra padding that you need. The col-md-6 is the 'backbone' to keep the column integrity, but you can add additional padding within it.

    

        
Widget 1
    
    

        
Widget 2
    

CSS

.classWithPad { margin:10px; padding:10px; }