탭에서 행과 열을 만드는 가장 좋은 방법

Question

탭 패널에 배치 된 양식을 만드는 데 문제가 있습니다. 그것은 내 라벨과 입력 요소는 레이블이 길거나 창을 작게 만들 때 서로 다른 경계를 넘는 것으로 보입니다.

내 코드는 여기에서 볼 수 있습니다. 창 크기가 변경되면 레이블과 입력이 정렬되지 않습니다. 그것은 tab-pane 내부의 행과 열을 클래스 외부에서 만들 때와 같은 방식으로 작동하지 않는 것처럼 보입니다.

http://www.bootply.com/I3Iwdr4UVj

그것은

멋지게 내 탭 창 내부의 양식을 만들 수있는 다른 방법이 있습니까 .. 입력 요소는 라벨의 boundry을 모르는 것처럼입니까?

<div class="form-group"> 
      <label class="control-label col-sm-5" for="pwd">Password:</label> 
      <div class="col-sm-7"> 
       <input type="password" placeholder="Enter password" id="pwd" class="form-control"> 
      </div> 
</div> 

난 항상 당신을 제안의 합계를 얻기 위해 노력할 것이다 .. 모든

Answer 1

첫째, 넓은 폭의 클래스 이름을 부여하려고 .COL-SM-2는 레이블 너무 좁 12 부트 스트랩 클래스를 사용할 때.