html - Bootstrap如何垂直居中

Question

我有一个关于垂直居中行的问题!

我这里有一个简单的 html，使用了 bootstrap 3:

 <div class="container">
 <div class="row">
 <div class="col-sm-12 text-center" style="padding:5 20 5 20;">
Some text text text text text .....
 </div>
 </div>
 <div class="row">
 <div class="col-sm-12">
 <div class="thumbnail">

      <img data-src="holder.js/460x308">

  </div>
 </div>
 </div>
 </div>

我想将这个容器或行居中......没关系。

假设我有一个 500px x 500px 的窗口

我想把它放在中间，而不是在顶部(现在的情况)或底部，而是在中间

附言:http://jsfiddle.net/e89TE/

Answer 1

试试这个 CSS:

.container{
   display:table;
}

.row{
   display: table-cell;
   vertical-align: middle;
}

应该可以。附言。下次发布 fiddle