bootstrap 垂直居中！

Question

bootstrap如何在row中使图片或者文字垂直居中！

.vertical-middle-sm {
  display: table;
}
.vertical-middle-sm > div {
  display: table-cell;
  height: 100%;
  min-height: 100%;
  float: none;
}    

 <div class="row text-center vertical-middle-sm" style="border:1px solid red;">
  <div class="col-sm-4">
     <img class="media-object img-circle pic-list" src="../Public/image/demopic.jpg" alt="...">
  </div>
  <div class="col-sm-8 text-left">
    <p>测试文字</p>
  </div>
</div>

上面的方法没有用！

Answer 1

需要自己设个style ,在div 中设 height:50px;line-height:50px试试.

Answer 2

-webkit-transform: translate(-50%, -50%);
-ms-transform: translate(-50%, -50%);
-o-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
position: fixed;
top: 50%;
left: 50%;