使用 Bootstrap 3 垂直居中元素

我想将“设计”标签和“21nov”垂直居中。

<div class="row">             
     <div class="col-xs-6 col-xs-offset-1">                
         <a href="/job/52"><span class="jobtitle">designer</span></a>
         <span class="companyname"> @Subiaco</span>
         <div class="salary">90.000$ - 100.000$</div>
     </div>
     <div class="col-xs-3">   
        <span class="label label-success">design</span>                         
     </div>                         
    <div class="col-xs-2">                   
      21 nov.
    </div>                 
</div>

当前设计： http://jsfiddle.net/8FM3n/ http://jsfiddle.net/8FM3n/

Expected design:

有什么提示吗？

假设它不是不同高度的动态内容，您可以使用line-height.

.row .col-xs-3, .row .col-xs-2 {
    line-height: 49px;
}

jsFiddle 示例 http://jsfiddle.net/JoshC/8FM3n/1/- 现在它是垂直对齐的，尽管您可能希望将样式应用到不同的类，这样它就不会影响其他行元素。