How to add margins between twitter bootstrap columns without causing the grid to break?

Question

I am using Twitter Bootstrap v3.0.3. My question relates to the attached screenshot.How can I add margins between the columns without causing the third column to drop/wrap

Answer 1

This effect could be achieved by using the padding declaration.

However this requires that an inner element defines the background color.

This will not cause the columns to expand as Bootstrap 3 uses box-sizing on its columns.

Edit:

Also, note that only columns should be immediate children of rows(List item 3).