0

次のようにラジオ オプションをインラインで表示するフォームを作成しようとしています。

O Apple O Microsoft O Twitter O Square

現在、私はこの行を持っています:

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

しかし、私のフォームは次のようになります。

O Apple
O Microsoft
O Twitter
O Square

私は<div class="form-inline"></div>その入力を試してみましたが、追加もしました

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

入力をコレクションに変更する必要がありますか?

4

2 に答える 2

0

あなたができる通常のレールで

 <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>
于 2015-01-14T18:55:42.557 に答える
-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>
于 2013-06-28T23:31:52.970 に答える