Question

在bootstrap栅格系统中，如何将图片垂直居中

<div class="panel panel-primary col-md-6">
<div class="panel-heading">最新活动</div>
<div class="panel-body">
<div class="row" >
<div class="col-md-6" style="">
<img class="img-thumbnail" src= "img/1.jpg" alt="Alternate Text" /> <!--将这张图片垂直居中-->
</div>
<div class="col-md-6">
<ul>
<li><h1>asdfasdfadf</h1></li>
<li>asdfasdfadf</li>
<li>asdfasdfadf</li>
<li>asdfasdfadf</li>
<li>asdfasdfadf</li>
<li>asdfasdfadf</li>
<li>asdfasdfadf</li>
<li>asdfasdfadf</li>
</ul>
</div>
</div>
</div>
</div>

Answer 1

垂直居中只能使用这个代码
.center-vertical {
position:relative;
top:50%;
transform:translateY(-50%);
}