How to vertically center a container in Bootstrap?

Question

I\'m looking for a way to vertically center the container div inside the jumbotron and to set it in the middle of the page.

The .jum

Answer 1

for bootstrap4 vertical center of few items

d-flex for flex rules

flex-column for vertical direction on items

justify-content-center for centering

style='height: 300px;' must have for set points where center be calc or use h-100 class

then for horizontal center div d-flex justify-content-center and some container

so we have hierarhy of 3 tag: div-column -> div-row -> div-container

     

        

           
Flex item
        
        

           
Flex item