我在Rails 3.2.16中使用simple_form_for以及我的表格中的Twitter Bootstrap。但我的所有形式。我正在使用form-horizontal类。然而，我所有的文本元素都出现在下面以及其标签的右侧。这是HTML：
<div class="control-group text optional">
<label class="text optional" for="user_email">Email</label>
<div class="controls">
<input id="user_email" class="text optional" type="text" value="adrian.klingel@myfitment.com" size="30" name="user[email]">
</div>
</div>
除非屏幕截图，这是屏幕外观的表示：
Email:
<Text box for email>
我正在使用Firebug尝试调试。我没有定制CSS。所有设置都是从Bootstrap CSS继承的。
标签设置为：
display: block;
.form-horizontal的引导程序中有许多设置。
我可以在布局视图中看到.controls Div向右填充180px。但是我不明白是什么迫使它。它需要与其标签保持一致。作为具有编程背景的人，我没有用言语来形容我对CSS的挫败感。我只是无法理解。不是因为缺乏尝试。
更新：
我能够通过将float:left;应用于标签来实现我想要的东西，但是我感到惊讶的是，包装的form-horizontal类还没有。我不确定他们认为form-horizontal应该是什么。
实现您所说的float: left;实现的目标是使用display: inline-block;。
display: block;强迫线路断裂。
在这里阅读更多有关它的信息：CSS显示：内联与内联块