고정 높이

Question

안녕하세요 나는이 구조로 입력 그룹이 입력 그룹에서 객체 :

<div class="input-group"> 
     <span class="input-group-addon"> 
      Jesteś użytkownikiem<br /> tych urządzeń? 
     </span> 
     <span class="form-control"> 
      <input type="checkbox" checked data-bind="checked: MeUser"> 
     </span> 
    </div> 

당신이 input-group-addon 두 개의 라인과 form-control 하나 개의 라인으로 구성되어 볼 수 있듯이. 두 개체의 높이가 일치하지 않습니다. 당신이 이것을 볼 수 있습니다 this Fiddle

아무도 나 에게이 두 개체가 동일한 높이를 만들 수정 제안 할 수 있습니까?

Answer 1

설정 하위 클래스에 정적 값을 설정 입력 그룹 클래스

&에 정적 값

CSS :

.input-group{ 
height:100px; 
} 
.input-group-item{ 
height:50px; 
} 

HTML :

<div class="input-group"> 
    <div class="input-group-item"><span class="input-group-addon"> 
     Jesteś użytkownikiem<br /> tych urządzeń? 
    </span></div> 
    <div class="input-group-item"><span class="form-control"> 
     <input type="checkbox" checked data-bind="checked: MeUser"> 
    </span></div> 
</div>