Bootstrap 4 center-block unable to center

Question

I have the following bootstrap html code (its JSX hence the className but the idea is the same):

Answer 1

Bootstrap 4 (as of 2017-08-16) will use d-block and to center you use mx-auto.