title: How to use Bootstrap radio buttons?
body: <p>I'm using <code>Bootstrap 2.3.2</code> and I can't seem to get <code>radio buttons</code> to work. I'm using the code from Bootstrap's website:</p>
  
  <pre><code>&lt;div class="btn-group" data-toggle="buttons-radio"&gt;
    &lt;button type="button" class="btn btn-primary"&gt;Left&lt;/button&gt;
    &lt;button type="button" class="btn btn-primary"&gt;Middle&lt;/button&gt;
    &lt;button type="button" class="btn btn-primary"&gt;Right&lt;/button&gt;
  &lt;/div&gt;
  </code></pre>
  
  <p>What do I need to do from here? With this I get 3 buttons, but clicking them doesn't change them to active and they don't look like they've been clicked. </p>
  
  <p>EDIT:</p>
  
  <p>If I initialize the buttons in JS like so:</p>
  
  <p><code>$('.btn-group').button();</code></p>
  
  <p>This markup is generated for the group:</p>
  
  <pre><code>&lt;div class="btn-group ui-button ui-widget ui-state-default ui-corner-all 
              ui-button-text-only" data-toggle="buttons-checkbox" 
              role="button" aria-disabled="false"&gt;
     &lt;span class="ui-button-text"&gt;
          &lt;button type="button" class="btn btn-primary"&gt;Left&lt;/button&gt;
          &lt;button type="button" class="btn btn-primary"&gt;Middle&lt;/button&gt;
          &lt;button type="button" class="btn btn-primary"&gt;Right&lt;/button&gt;
     &lt;/span&gt;
  &lt;/div&gt;
  </code></pre>
  
  <p>Compared to this on the bootstrap website:</p>
  
  <pre><code>&lt;div class="btn-group" data-toggle="buttons-radio"&gt;
      &lt;button type="button" class="btn btn-primary"&gt;Left&lt;/button&gt;
      &lt;button type="button" class="btn btn-primary"&gt;Middle&lt;/button&gt;
      &lt;button type="button" class="btn btn-primary active"&gt;Right&lt;/button&gt;
  &lt;/div&gt;
  </code></pre>
  
  <p>Not sure why it's working different here.</p>