부트 스트랩이있는 세로 중심 요소 3

Question

'21nov'뿐만 아니라 'design'레이블을 세로로 가운데에 배치하고 싶습니다.

<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/

---

예상 디자인 :

어떤 힌트?

Answer 1

다양한 높이의 동적 콘텐츠가 아니라고 가정하면 line-height을 사용할 수 있습니다.

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

jsFiddle example은 - 당신이 다른 행 요소에 영향을 미치지 않도록 다른 클래스에 스타일을 적용 할 수 있지만이 수직으로, 현재 정렬 된 것.