ROR Bootstrap单选按钮对齐

Question

我有一个form_for，其中包含下面的一些单选按钮：

<div class="control-group">
<div class="controls">
<%= f.label :option, 'Option1', :value => true, :class => "radio" %>
<%= f.radio_button :option, true %>
<%= f.label :option, 'Option2', :value => false, :class => "radio" %>
<%= f.radio_button :option, false %>
</div>
</div>

即时通讯使用Twitter bootstrap，我希望我的单选按钮显示如下：

O Option1 O Option2

然而，目前他们正在展示：

---- Option1

0

---- Option2

0

任何建议都会非常感激。

Answer 1

我会看看bootstrap css以及它们是如何使用form-inline进行的。 但是对于alignemt，如果你将类名称从“控件”变为“控制连续”

然后在css中执行此操作：。

.controls.continline
{
   display: inline-block;
}

这应该是你的追求。