부트 스트랩 3 서식 응답 성

Question

다음 바이올린은 3 개의 "열"이있는 샘플 양식을 보여 주며 각 열에는 레이블과 입력이 있습니다. http://jsfiddle.net/Hidalgo/GXT66/1/

<div class="form-group"> 
    <label for="txtField1" class="col-sm-2 control-label">Caption 1:</label> 
    <div class="col-sm-2"> 
     <input type="text" id="txtField1" name="txtField1" class="form-control" /> 
    </div> 

화면이 감소 될 때, 수직 형태로 모든 열 붕괴 (하단에서 상단에 입력 자막). 가능한 경우 폼 응답을 할 수있는 방법은 화면이 축소되었지만 스마트 폰 크기가 아닌 경우 세 번째 열만 축소하는 것과 같습니다. 그래서 본질적으로 양식은 3 대신 2 개의 열을가집니다. 그리고 나서, 화면이 스마트 폰 크기로 축소되면 모든 열이 수직 형식으로 축소됩니다.

Answer 1

사용 col-sm-3 및 col-md-2 ...

http://www.bootply.com/116952