Question

我正在尝试创建内联单选按钮，其标签也是内嵌的（在左侧）。

正如我在标题中所述，使用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

Answer 1

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

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

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

1 个答案: