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

add Bootstrap.css then add this to your css

   
html, body{height:100%; margin:0;padding:0}
 
.container-fluid{
  height:100%;
  display:table;
  width: 100%;
  padding: 0;
}
 
.row-fluid {height: 100%; display:table-cell; vertical-align: middle;}
 
 

.centering {
  float:none;
  margin:0 auto;
}

Now call in your page 


    

        

           Am in the Center Now :-)