Comment obtenir bootstrap boutons pour afficher l'état actif?

Je vais avoir un problème avec un ensemble de boutons radio.

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

Voir ici: http://jsfiddle.net/dhbenson/LM9uW/

Lorsque l'utilisateur clique sur les boutons, ils ne sont pas toujours rester déprimé (c'est à dire aucun n'apparaissent jamais à être "actif").

Personne ne sait pourquoi pas? De quoi dois-je faire pour rendre ces boutons fonctionnent correctement?

MODIFIER

Ah, je vois. J'ai oublié d'inclure le fichier d'amorce du code js.

Ce violon travaux: http://jsfiddle.net/dhbenson/qNeSS/

  • u ne comprennent tous bootstrap liées js et css...?
InformationsquelleAutor dB' | 2012-12-24
  1. 3

    Vous avez besoin du javascript de bootstrap pour cette fonctionnalité.

    Ajouter à votre code HTML tête:

    <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>
    InformationsquelleAutor Amir T
  2. 1

    Essayez ce code:

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

    et ajouter un fichier, c'est à dire bootstrap-button.js

    InformationsquelleAutor Rupesh Nerkar