Responsive Centered Bootstrap Columns

I see this being repeated over-and-over again to create centered content with bootstrap columns:

       Centered Column

Leaving you only to work with even-numbered columns for perfectly centered content inside a bootstrap column:


Foundation has built-in centered columns, so here’s a way to create centered bootstrap columns.

 // SCSS
 .col-center {
   float: none;
   margin-right: auto;
   margin-left: auto;

 // HAML

To see this in action, just take a look here

Sidenote: this works with Bootstrap 3.