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，如果您将类名从“控件”更改为“控件 continline”

然后在css中这样做：。

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

这应该是你的追求。