In a bootstrap responsive page how to center a div

Question

I need to create a responsive page using bootstrap by positio

Answer 1

In bootstrap 4

to center the childs horizontally, use bootstrap-4 class

justify-content-center

to center the childs vertically, use bootstrap-4 class

 align-items-center

but remember don't forget to use d-flex class with these it's a bootstrap-4 utility class, like so

    
MIDDLE
    

Note: make sure to add bootstrap-4 utilities if this code does not work