漂亮的单选按钮使用rails form_for

Question

我正在使用Twitter的Bootstrap 3，它产生漂亮的蓝色按钮。我想，使用rails form_for或simple_form，生成一个radio_button组，看起来与以下html相同：

    <div class= "form-group">
        <div class= "btn-group" data-toggle="buttons">
            <label class="btn btn-primary">
                <input type="radio" name="ptype", id="freelancer">
                Freelancer
            </label>
            <label class="btn btn-primary">
                <input type="radio" name= "ptype" id="agency">
                Agency
            </label>
        </div>
    </div>

也就是说，我希望单选按钮组看起来像下图中的底部选项，而不是顶部。

Answer 1

<div class="btn-group" data-toggle="buttons">
  <label class="btn btn-primary active">
    <input type="radio" name="options" id="option1" checked> Freelancer
  </label>
  <label class="btn btn-primary">
    <input type="radio" name="options" id="option2"> Agency
  </label>
</div>

您需要使用特定的JavaScript才能生效。

http://getbootstrap.com/javascript/#buttons

Answer 2

这就是我修复它的方式，轨道方式：

<div class="btn-group" data-toggle="buttons">
  <label class="btn btn-primary">
    <%= radio_button_tag :flight_id, flight.id %>select
  </label>
</div>