使用简单表单和 twitter 引导的内联单选按钮

Question

我正在尝试创建一个显示单选选项的表单，如下所示：

O Apple O Microsoft O Twitter O Square

目前我有这条线：

<%= f.association :company, as: :radio, label: false %>

但我的表格是这样的：

苹果
微软
O 推特
O广场

我已经在该输入周围尝试了<div class="form-inline"></div> 并添加了

<%= f.association :company, as: :radio, label: false, :item_wrapper_class => 'inline' %>

我需要将输入更改为集合吗？

Answer 1

你可以用普通的导轨来做

 <div class="radio">
    <label>
      <%= radio_button_tag "Product Type", "Retail Product or Service", true %>
      Retail Product or Service
    </label>
    <label>
      <%= radio_button_tag "Product Type", "Tax Code", false %>
      Tax Code
    </label>
    <label>
      <%= radio_button_tag "Product Type", "Discount Amount", false %>
      Discount Amount
    </label>
    <label>
      <%= radio_button_tag "Product Type", "Discount Percent", false %>
      Discount Percent
    </label>
  </div>

Answer 2

你可以用这个：

<label class="checkbox inline">
  <input type="checkbox" id="inlineCheckbox1" value="option1"> 1
</label>
<label class="checkbox inline">
  <input type="checkbox" id="inlineCheckbox2" value="option2"> 2
</label>
<label class="checkbox inline">
  <input type="checkbox" id="inlineCheckbox3" value="option3"> 3
</label>

或者这个（仅标签形式）：

<form class="form-inline">
  <input type="text" class="input-small" placeholder="Email">
  <input type="password" class="input-small" placeholder="Password">
  <label class="checkbox">
    <input type="checkbox"> Remember me
  </label>
  <button type="submit" class="btn">Sign in</button>
</form>