Jak uzyskać przyciski bootstrap, aby pokazać stan aktywny?

Question

Mam problem z zestawem przycisków radiowych.

<div class="btn-group control-buttons" data-toggle="buttons-radio"> 
    <button type="button" class="btn">One</button> 
    <button type="button" class="btn">Two</button> 
    <button type="button" class="btn">Three</button> 
</div> 

Zobacz tutaj: http://jsfiddle.net/dhbenson/LM9uW/

Kiedy przyciski są kliknięty, że nie zawsze pozostać niskie (tzn nikt nigdy wydają się być „aktywny”).

Czy ktoś wie, dlaczego nie? Co jeszcze muszę zrobić, aby przyciski te działały poprawnie?

EDIT

Ach, widzę. Zapomniałem dodać kod startowy js.

Ten skrzypce działa: http://jsfiddle.net/dhbenson/qNeSS/

Answer 1

Trzeba bootstrap JavaScript dla tej funkcjonalności.

Dodaj to do głowy HTML:

<script src="http://code.jquery.com/jquery-1.8.3.min.js"></script> 
<script src="http://netdna.bootstrapcdn.com/bootstrap/3.1.1/js/bootstrap.min.js"></script> 

Answer 2

Spróbuj ten kod:

<div class="btn-group" data-toggle="buttons-checkbox"> 
    <button type="button" class="btn">Left</button> 
    <button type="button" class="btn">Middle</button> 
    <button type="button" class="btn">Right</button> 
</div> 

i dodać jeden plik tj bootstrap-button.js