Twitter Bootstrap提交按钮放置不符合要求

Question

使用默认/垂直表单，bootstrap documentation表示提交按钮位于各种输入的下方，但情况不是in my form.

当浏览器具有较大的查看空间时，它位于最后一个输入字段旁边并且不在一行中。如果您将浏览器的大小调整为手机或平板电脑的宽度，则响应将接管并正确显示。

将包装div从.span12更改为.span3按下按钮，但这似乎是一个hackish修复，因为将.span3添加到输入和按钮以使其大小均匀{ {3}}

我是否遗漏了一些标记或Bootstrap是否存在问题？在他们的文档中，按钮前面有一个复选框标签和一些包含在p中的帮助文本 - 因此可能会影响它们的样式以使其看起来正确。

Answer 1

您必须将提交按钮放在类controls的div中。

如果您在Bootstrap文档页面上检查源代码，它们甚至会将control-group和controls中的所有输入和按钮分开。