Clearing Bootstrap 3 columns

I often experience an annoying issue when prototyping with Bootstrap : when a multi column grid layout collapses/expands into another view it could happen that the elements don’t clear correctly.

The guys at Bootstrap seem to be aware of the problem and suggest to add a new div in between the columns to help it understand where the columns should clear. Not a very straightforward solution, especially with complex layouts. This is their suggestion:

I figured this annoying issue out thanks to this great post, which provides this powerful css fix: