Bootstrap标签和输入始终在一行中

Question

当我缩小浏览器宽度时：Login输入转移到新行。

我想要的是：如果浏览器宽度不足以将标签及其输入保持在一行，则bootstrap应将标签及其输入移动到新行（即将它们保持在一起）。

此处示例：http://codepen.io/anon/pen/OMZJPw

Answer 1

请更新您的html结构

sudo

演示：http://codepen.io/anon/pen/bEMGay

Answer 2

使用像这样的Bootstrap类

--enclosed-by

Answer 3

您不应该使用内联css来轻松编辑。 在您的内联css中，我找到了width:70%的{​​{1}}和label的{​​{1}}。 为什么不尝试进入100%？让它们自动调整大小。