bootstrap center 3 col-md-3 divs

Question

I have a wrapper like so:

and inside this wrapper I have 3 col-md-3 divs:

Answer 1

There are col-md-offset classes. Unfortunately you need col-md-offset-1-and-half class in order to have 12 cols in sum.

I'm talking about 1.5 + 3 + 3 + 3 + 1.5 = 12

So you can write you own class to offset the col. Smth like this.

@media (min-width: 992px) {
    .col-md-offset-1-and-half {
        margin-left: 12.499999995%; // col-md-offset-1 has 8.33333333
        // so you multiply 8.33333333 * 1.5 = 12.499999995%
    }
}