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 does not have center-block Instead, I use d-block mx-auto which sets display to block, and left and right margins to auto.