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

I would keep an extra column in the middle for larger displays and reset to default when the columns collapse on smaller displays. Something like this:

    

        

            Widget 1
        
        

            
        
        

            Widget 2