css - Bootstrap 响应式水平布局 - 确定流程？

Question

有没有办法强制 Bootstrap 中的响应式设计以某种方式分解行？

例如

我有一个这样的图形用户界面:

[label] [input] [input] [button]

目前会从右边打断行，先是按钮掉下来，然后是 视口(viewport)缩小时的最后输入等。 像这样:

[label] [input] [input] 
[button]

我想先在 [label] 和 [input] 之间打断。 结果是这样的

[label] 
[input] [input] [button]

然后正常行为开始。

希望这个问题有任何意义:)

Answer 1

也许这样的事情会对你有所帮助？

<div class="control-group">
   <label class="control-label" for="...">My Label</label>
   <div class="controls">
      <input type="text" />
      <input type="text" />
      <button>My Button</button>
   </div>
</div>