Question

Bootstrap 2具有data-toggle属性，可以设置为buttons-radio，如：

  <div class="btn-group" data-toggle="buttons-radio">
   <button id="1" class="btn">One</button>
   <button id="2" class="btn">Two</button>
   <button id="3" class="btn">Three</button>
  </div>

现在我需要在Bootstrap 3的按钮组中使用相同的功能。您能告诉我如何在按钮之间切换活动类。

由于

Answer 1

Bootstrap 3中有非常类似的功能

<div class="btn-group" data-toggle="buttons">
  <label class="btn btn-primary">
    <input type="radio" name="options" id="option1"> Option 1
  </label>
  <label class="btn btn-primary">
    <input type="radio" name="options" id="option2"> Option 2
  </label>
  <label class="btn btn-primary">
    <input type="radio" name="options" id="option3"> Option 3
  </label>
</div>

此处示例：http://getbootstrap.com/javascript/#buttons-examples

如何将无线电功能添加到Bootstrap按钮组

1 个答案: