Bootstrap 3表格响应

时间:2014-02-26 15:44:42

标签: twitter-bootstrap-3

以下小提示显示了一个包含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.然后,当屏幕缩小到智能手机大小时,所有列都会折叠为垂直形式。

1 个答案:

答案 0 :(得分:1)

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

http://www.bootply.com/116952