Bootstrap 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個列而不是3個。然後，當屏幕縮小到智能手機的大小時，所有的列都被摺疊成垂直的形式。

Answer 1

使用col-sm-3和col-md-2 ...

http://www.bootply.com/116952