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