How to center cards in bootstrap 4?

Question

I am using bootstrap 4 alpha 3.
I want to center the card horizontally in the middle across the page.

Preview / link: http://codepen.io/vaibhavs

Answer 1

Put the elements which you want to shift to the centre within this div tag.