如何使单选按钮组像一个组一样起作用？

Question

我正在使用Bootstrap按钮组 ，我需要制作两组按钮，因为它们中的每一组都与一个主题密切相关。 但是我希望两组按钮都像它们在同一组中一样工作。 我怎样才能做到这一点？

<div class="btn-toolbar">
    <div class="btn-group" data-toggle="buttons-radio">
        <button class=btn>a</button>
        <button class=btn>b</button>
        <button class=btn>c</button>
    </div>
    <div class="btn-group" data-toggle="buttons-radio">
        <button class=btn>d</button>
        <button class=btn>e</button>
        <button class=btn>f</button>
    </div>
</div>

我有这些，但我只想允许用户选择a，b，c，d，e或f。

小提琴

Answer 1

我不知道为什么会起作用...

<div class="btn-toolbar" data-toggle="buttons-radio">
    <div class="btn-group">
        <button class=btn>a</button>
        <button class=btn>b</button>
        <button class=btn>c</button>
    </div>
    <div class="btn-group">
        <button class=btn>d</button>
        <button class=btn>e</button>
        <button class=btn>f</button>
   </div>
</div>