title: How to get bootstrap buttons to show active state?
body: <p>I'm having a problem with a set of radio buttons.</p>
  
  <pre class="lang-html prettyprint-override"><code>&lt;div class="btn-group control-buttons" data-toggle="buttons-radio"&gt;
      &lt;button type="button" class="btn"&gt;One&lt;/button&gt;
      &lt;button type="button" class="btn"&gt;Two&lt;/button&gt;
      &lt;button type="button" class="btn"&gt;Three&lt;/button&gt;
  &lt;/div&gt;
  </code></pre>
  
  <p>See here: <a href="http://jsfiddle.net/dhbenson/LM9uW/" rel="nofollow">http://jsfiddle.net/dhbenson/LM9uW/</a></p>
  
  <p>When the buttons are clicked, they don't ever stay depressed (i.e. none ever appear to be "active"). </p>
  
  <p>Does anyone know why not? What else do I need to do to make these buttons work properly?</p>
  
  <p><em>EDIT</em></p>
  
  <p>Ah, I see. I forgot to include the bootstrap js code.</p>
  
  <p>This fiddle works: <a href="http://jsfiddle.net/dhbenson/qNeSS/" rel="nofollow">http://jsfiddle.net/dhbenson/qNeSS/</a></p>