ブートストラップボタンをアクティブ状態にするにはどうすればいいですか？

Question

ラジオボタンのセットに問題があります。

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

はこちらをご覧ください：ボタンがクリックされたときhttp://jsfiddle.net/dhbenson/LM9uW/

は、彼らがこれまで落ち込んで滞在していません（すなわち、どれもこれまでに「アクティブ」と表示されません）。

誰も知りませんか？これらのボタンを適切に動作させるために何をする必要がありますか？

EDIT

ああ、私は参照してください。私はブートストラップのjsコードを含めるのを忘れていました。

このバイオリンは動作します：http://jsfiddle.net/dhbenson/qNeSS/

Answer 1

あなたは、その機能のためのブートストラップはJavaScriptが必要です。

あなたの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

は、このコード試してみてください。

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

1つのファイルを追加しbootstrap-button.js