Bootstrap响应水平布局

Question

我有一个Bootstrap布局，但我需要它才能响应并且不确定如何水平执行此操作。

如何使用标准的Bootstrap布局制作该布局，还能让它具有响应性？我目前拥有一个流体行中的“标签”和另一个流体行中的输入，但当它“收缩”时，标签不再适合输入。

Answer 1

你有没有考虑过筑巢的单个.row-fluid，里面有五个.spans，另外两个内部还有两个流体？这样，只有一个顶级行，标签/字段应保持在一起。

http://jsfiddle.net/hmartiro/D2RLR/1726/

Answer 2

你必须把它分成两行，并让带有标签的左行像

span2，span2，span2，span4，span2

然后第二行将以相同的方式包含输入类型

span2，span2，span2，span4，span2

我知道这看起来很奇怪，但它会有所回应。你必须遵循这样的想法，即标签将始终作为标题保留，并且不能分解为各自的输入类型。但是当你切换到响应式布局时，这就是给予和接受。