twitter-bootstrap - 如何使单选按钮组像一组一样？

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>