如何使組的單選按鈕像一組？

Question

我使用的是Bootstrap button groups，我需要製作兩組按鈕，因爲它們的每組都與一個主題密切相關。但是我希望兩組按鈕都像在同一組中一樣。 我該怎麼做？

<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。

fiddle

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>