Twitter bootstrap 3 引导3,在小视口中将标签+输入向左对齐,而不跳到新行

Twitter bootstrap 3 引导3,在小视口中将标签+输入向左对齐,而不跳到新行,twitter-bootstrap-3,alignment,Twitter Bootstrap 3,Alignment,我正在使用Bootstrap3.3.7,我有一个带标签的简单组合,我希望左对齐并在同一行上 但当视口小于768时,它会转到下一行,即使它有很多空间,如下所示: 这是在770视口上,我希望在较小的屏幕上保持这种方式 在这里,在764视口中,选择输入会下降,即使它有很大的空间 下面是一个活生生的例子: 我看到以下几点: 将.form内联添加到您的表单中,该表单不必为 左对齐和内联块控件。这只适用于表格 在至少768px宽的视口中 因此,我如何解决这个问题,我只想在较小的设备上,将带有Ver文本的保留

我正在使用Bootstrap3.3.7,我有一个带标签的简单组合,我希望左对齐并在同一行上

但当视口小于768时,它会转到下一行,即使它有很多空间,如下所示:

这是在770视口上,我希望在较小的屏幕上保持这种方式

在这里,在764视口中,选择输入会下降,即使它有很大的空间

下面是一个活生生的例子:

我看到以下几点:

将.form内联添加到您的表单中,该表单不必为 左对齐和内联块控件。这只适用于表格 在至少768px宽的视口中


因此,我如何解决这个问题,我只想在较小的设备上,将带有Ver文本的保留在组合框旁边

到目前为止,我可以这样解决:

.form inline.form控件, .form inline.form控件静态{ 显示:内联块; 宽度:自动; 垂直对齐:中间对齐; } 这是html

版本:

20菲拉斯 50菲拉斯 100菲拉斯 500菲拉
但我不确定这是否是最好的解决方案

您可以使用Bootstrap 3 grid col xs-**并根据需要进行调整

.固定分页.分页{ 利润上限:-20px; 边缘底部:-20px; } 瑞德先生{ 背景色:红色; } 格林先生{ 背景颜色:绿色; }

版本:

20登记处 50名登记员 100名登记员 500名登记员


它工作正常,我认为列xx在行div中是有效的,每行div必须加12,在这种情况下,您在pull left div中使用它