부트 스트랩의 행의 위쪽 여백 정렬

Question

레이블, 텍스트 상자 및 버튼이있는 부트 스트랩 행이 있습니다.

하지만 레이블과 텍스트 상자의 위쪽 가장자리가 정렬되지 않습니다. 이 문제를 해결할 수있는 방법이 있습니까?

코드 :

<div class="row"> 
      <div class="col-md-3"> 

       <h4><span class="label classone control-label">Your Purchased items</span></h4> 
      </div> 
      <div class="col-md-3 col-md-offset-5"> 

       <input type="search" 
         class="col-md-12 form-control" 
         placeholder="Enter item code or item name" /> 
      </div> 
      <div class="col-md-1"> 
       <input type="button" 
         class="form-control btn btn-default btn-xs searchButton" 
         value="Search" /> 
      </div> 

</div> 

바이올린 링크 : http://jsfiddle.net/ponsakthi/eTJ7j/embedded/result/

Answer 1

당신은 CSS 아래에 추가 할 수 있습니다 :이 모든 영향을 미칠 것으로

h4 { 
line-height:0.2em; 
margin:0px 0px 0px 0px; 

}

주 h4를 사용하는 요소는 페이지의 다른 요소와 정렬됩니다.

Answer 2

다음을 사용하면 쉽게 수행 할 수 있습니다. h4 {display : inline; }