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

If you're using Bootstrap 4, you just have to add 2 divs:

.jumbotron{
  height:100%;
  width:100%;
}

    




  

    

      

        

          your stuff...
        
        

          

            

              

                More stuff...
              
            
          
        
      
    
  

The classes: d-table, d-table-cell, w-100, h-100 and align-middle will do the job