Question

.label이 .btn에 중첩되어 있습니다. 나는 .label, 수직 정렬은 몇 픽셀로 꺼집니다 .pull-left 때 (JSfiddle here 참조)

<div class="container"> 
    <div class='btn btn-lg btn-primary btn-block'> 
     <div class='label label-info pull-left'>BALANCE</div> 
     <span>$10.00</span> 
    </div> 
</div> 

어떻게 상하 중앙에 레이블을 유지할 수 있습니다?

Answer 1

HTML

<div class="container"> 
    <div id='balance' class='btn btn-lg btn-primary btn-block'> 
     <span class="btn-info">BALANCE</span> 
     <span>£<span class='value'>10.00</span></span> 
    </div> 
</div> 

CSS 작업을

#balance .btn-info{ 
    padding:5px; 
    border-radius:     6px; 
    -webkit-border-radius:   6px; 
    -moz-border-radius:    6px; 
} 

바이올린 http://jsfiddle.net/D2RLR/7477/

또는 일부 클래스

을 추가 할 수 있습니다