如何使用 simpleform 应用引导单选按钮样式？答案

【问题标题】：How do I apply the bootstrap radio button styling using simpleform?如何使用 simpleform 应用引导单选按钮样式？
【发布时间】：2012-08-27 11:00:49
【问题描述】：

我正在为 twitter 引导程序使用 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 %>

【问题讨论】：

你尝试了什么？什么不起作用？

标签： twitter-bootstrap radio-button simple-form

【解决方案1】：

你试过下面的代码 sn-p:

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

【讨论】：