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

时间:2012-09-02 11:08:12

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

我正在使用simpleform for twitter bootstrap,我正在尝试使用数据切换功能设置单选按钮的样式,以便我的按钮看起来像这里看到的单选按钮:

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

1 个答案:

答案 0 :(得分:0)

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

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