twitter-bootstrap - 如何使用 simpleform 应用 Bootstrap 单选按钮样式？

Question

我正在为 twitter bootstrap 使用 simpleform，我正在尝试使用 data-toggle 功能设置单选按钮的样式，以便我的按钮看起来像这里看到的单选按钮:

Twitter bootstrap javascript

如何修复我的代码:

<%= 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 %>

Answer 1

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

<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>