Как заставить кнопки начальной загрузки показывать активное состояние?

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/

Когда кнопки нажимаются, они никогда не остаются в нажатом состоянии (то есть ни одна из них не кажется "активной").

Кто-нибудь знает почему нет? Что еще мне нужно сделать, чтобы эти кнопки работали правильно?

РЕДАКТИРОВАТЬ

Ах я вижу. Я забыл включить код начальной загрузки 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>

и добавить один файл, т.е. bootstrap-button.js