如何使單選按鈕組像一個組一樣起作用？

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>