Twitter bootstrap 引导响应水平布局

我有一个引导布局，但我需要它的反应，不知道如何做到这一点水平。

---

我如何使用标准引导布局制作该布局，同时使其具有响应性？我目前在一个流体行中有“标签”，在另一个流体行中有输入，但当它“收缩”时，标签不再适合输入。

您必须将其分为两行，并让左侧有标签的行类似

span2，span2，span2，span4，span2

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

span2，span2，span2，span4，span2

---

我知道这看起来很奇怪，但它会有反应。您必须接受这样的想法，即标签将始终保持为标题，并且不能打断其各自的输入类型。但是，当您切换到响应性布局时，这就是取舍。

您是否考虑过通过制作一个单.row流体嵌套，其中包含五个.span，每个span内还有两个.row流体？这样，只有一个顶级行，标签/字段应保持在一起

---

我不知道您的意思-如果您使用的是流体行，它是否会加宽以填充父行的宽度？您希望的响应效果是什么？标签位于一个流体行上，输入位于其下方的另一个流体行中。问题在于，当响应流生效时，标签在“一行”中彼此顶部对齐，输入在“一行”中彼此顶部对齐，标签不再与其输入“关联”。我确实看到了控件组、控件标签、控件选择器，并且可能会对此进行检查。请参见此处的.form水平示例：唯一的问题是，我将表单分隔为选项卡式界面，允许用户在提交之前通过选项卡编辑表单中的所有字段。我认为.form水平选择器对我不起作用，但其他选择器可能会起作用。您是否考虑过通过在单个.row流体中创建五个.span，在每个span中创建两个以上的.row流体来嵌套？这样一来，只有一个顶级行，标签/字段应该放在一起。现在我想，让我试试。他已经有两行了，但它不起作用-请参阅注释。这实际上就是我最后所做的。谢谢哦，顺便说一句，你忘了把响应式样式表包括在提琴中。我更新了它。必须使用中心面板滑块来测试响应布局。