css - 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 选项 1 O 选项 2

但是目前他们正在显示:

----选项1

哦

----选项2

哦

如有任何建议，我们将不胜感激。

Answer 1

我会看看 bootstrap css 以及它们如何使用 form-inline 来实现。 但是对于 alignemt，如果您将类名从“controls”更改为“controls continline”

然后在 css 中执行此操作:

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

这应该是您想要的。