Twitter bootstrap 如何使用simpleform应用引导单选按钮样式?

Twitter bootstrap 如何使用simpleform应用引导单选按钮样式?,twitter-bootstrap,radio-button,simple-form,Twitter Bootstrap,Radio Button,Simple Form,我正在使用simpleform for twitter引导,我正在尝试使用数据切换功能设置单选按钮的样式,以便使我的按钮看起来像此处所示的单选按钮: 如何修复代码: <%= simple_form_for @person , :html => { :class => 'form-horizontal' } do |f| %> <%= f.input :name %> <%= f.input :password %> <%= f.input

我正在使用simpleform for twitter引导,我正在尝试使用数据切换功能设置单选按钮的样式,以便使我的按钮看起来像此处所示的单选按钮:

如何修复代码:

<%= simple_form_for @person , :html => { :class => 'form-horizontal' } do |f| %>
<%= f.input :name %>
<%= f.input :password %>
<%= f.input :country, as: :radio_buttons, :item_wrapper_class => 'btn-group' %>
<%= f.button :submit %>
<% end %>
{:class=>'form horizontal'}do | f |%>
'btn组'%>

您是否尝试了以下代码片段:

<div class="btn-group" data-toggle="buttons-radio">
  <button type="button" class="btn btn-primary">Left</button>
  <button type="button" class="btn btn-primary">Middle</button>
  <button type="button" class="btn btn-primary">Right</button>
</div>

左边
中间的
赖特

您尝试了什么?什么不起作用?