Rails：如何通过Form Helpers或Simple_form拆分单选按钮至Bootstrap列

其实这个需求很好解决，核心就是不要用Simple_form提供的整组生成单选按钮的方法（比如collection_radio_buttons），而是单独渲染每个单选按钮，这样你就能完全控制每个按钮的HTML结构，轻松嵌入Bootstrap的网格系统中。

下面给你具体的实现步骤和代码示例：

假设你的模型（比如Post）有一个互斥属性status，可选值是draft、published、archived，我们可以这样写表单：

<%= simple_form_for @post do |f| %>
  <!-- Bootstrap 行容器 -->
  <div class="row">
    <!-- 逐个渲染每个单选按钮，放到单独的列里 -->
    <div class="col-md-4">
      <div class="form-check">
        <%= f.radio_button :status, 'draft', class: 'form-check-input' %>
        <%= f.label :status, '草稿', class: 'form-check-label' %>
      </div>
    </div>

    <div class="col-md-4">
      <div class="form-check">
        <%= f.radio_button :status, 'published', class: 'form-check-input' %>
        <%= f.label :status, '已发布', class: 'form-check-label' %>
      </div>
    </div>

    <div class="col-md-4">
      <div class="form-check">
        <%= f.radio_button :status, 'archived', class: 'form-check-input' %>
        <%= f.label :status, '已归档', class: 'form-check-label' %>
      </div>
    </div>
  </div>

  <%= f.button :submit, '保存', class: 'mt-3' %>
<% end %>

关键说明： #

1. 互斥性依然保持：所有单选按钮的name属性会自动生成为post[status]，所以它们依然是互斥的，不会影响原有功能。
2. 动态选项处理：如果你的选项是动态的（比如来自数据库枚举或配置），可以用循环简化代码：

   <%= simple_form_for @post do |f| %>
     <div class="row">
       <% Post.statuses.each do |key, value| %>
         <div class="col-md-4">
           <div class="form-check">
             <%= f.radio_button :status, key, class: 'form-check-input' %>
             <%= f.label :status, key.humanize, class: 'form-check-label' %>
           </div>
         </div>
       <% end %>
     </div>
     <%= f.button :submit %>
   <% end %>
   （这里假设`Post`模型定义了`enum :status, draft: 0, published: 1, archived: 2`）
   

3. Bootstrap样式兼容：用form-check、form-check-input、form-check-label这些Bootstrap类，保证单选按钮的样式和Bootstrap风格一致。

这种方法完全摆脱了Simple_form默认的整组渲染限制，让你能自由布局每个单选按钮，完美适配Bootstrap的网格系统。

内容的提问来源于stack exchange，提问作者alopez02