8

ブートストラップラジオボタンを使用することは可能ですか:

    <div class="btn-group" data-toggle="buttons-radio">
    <button type="button" class="btn btn-primary">someValue</button>

レールのform_forで？radio_button メソッドがあります:

    <%= radio_button("object", "method", "someValue") %>

、しかし、私はそれをスタイリングすることができませんでした。ラジオボタンに最初のスニペットのブートストラップの外観を与えるために、2つをマージする方法があるかどうかはわかりませんでした。ありがとう、サム

4

2 に答える 2

7

あなたはこのように使うことができます、

<div class="btn-group" data-toggle="buttons-radio">
  <%= f.radio_button :brand, "ABC", :id=>"first", :style=>"display:none;" %>
  <label for="first" class="btn btn-primary">First</label>

  <%= f.radio_button :brand, "PQR", :id=>"second", :style=>"display:none;" %>
  <label for="second" class="btn btn-primary">Second</label>

  <%= f.radio_button :brand, "MNO", :id=>"third", :style=>"display:none;" %>
  <label for="third" class="btn btn-primary">Third</label>
</div>

ここでは、radiobutton に id を指定する必要があり、label タグの for属性を使用してラベルを割り当てることができます。対応するラジオボタンを表示できるように。

于 2013-06-18T12:34:45.887 に答える
0

間違っている場合は訂正してください。ただし、ラベルの値属性をラジオ ボタンのパラメーターと同じに設定すると、対応するラジオ ボタンに ID を割り当てるのと同じように機能します。

<%= f.radio_button :brand, "MNO", :style=>"display:none;" %>
<%= f.label :brand, "Third", value => "MNO", class="btn btn-primary" %>
于 2014-05-09T16:04:03.903 に答える