用于单选按钮组的Bootstrap(2.3.1)+ SimpleForm(2.1)内联标签

时间:2013-04-18 06:19:56

标签: ruby-on-rails-3 twitter-bootstrap radio-button label simple-form

我正在尝试创建内联单选按钮,其标签也是内嵌的(在左侧)。

正如我在标题中所述,使用Bootstrap和SimpleForm。

我的代码如下所示:

<%= f.input :breakdown_or_size, 
            :collection => ["Breakdown", "Manual"],
            :as => :radio_buttons, 
            :item_wrapper_class => 'inline',
            :label => 'Select One: ' %>

这就是我得到的:

radio buttons below label http://www.webpagescreenshot.info/i3/516f8dbc4c7633-60839289

1 个答案:

答案 0 :(得分:0)

对于simple_form_for帮助,我看起来很高。最后我找不到任何东西,但至少有form_for你可以这样做:

<%= form_for(@book) do |f| %>
  <% if @book.errors.any? %>
  <div id="error_explanation">
  <h2><%= pluralize(@book.errors.count, "error") %> prohibited this book from being saved:</h2>

    <ul>
    <% @book.errors.full_messages.each do |msg| %>
      <li><%= msg %></li>
    <% end %>
    </ul>
  </div>
<% end %>

<div class="actions", style='inline'>

  <%= f.label 'Select One: ' %>
  <br/>
  <%= f.radio_button :collection, "Breakdown" %> Breakdown
  <%= f.radio_button :collection, "Manual" %> Manual
  <br/>
  <%= f.submit %>
</div>
  

至少解决了内联渲染问题。