title: With Bootstrap, how do I show radio inputs as buttons?
body: <p>My form currently contains this code:</p>
  
  <p><div class="snippet" data-lang="js" data-hide="false">
  <div class="snippet-code">
  <pre class="snippet-code-html lang-html prettyprint-override"><code>&lt;link href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.6/css/bootstrap.min.css" rel="stylesheet"/&gt;
  &lt;label for="opt-0"&gt;&lt;input type="radio" name="opt" id="opt-0" checked&gt;Option 0&lt;/label&gt;
  &lt;label for="opt-1"&gt;&lt;input type="radio" name="opt" id="opt-1"&gt;Option 1&lt;/label&gt;
  &lt;label for="opt-2"&gt;&lt;input type="radio" name="opt" id="opt-2"&gt;Option 2&lt;/label&gt;</code></pre>
  </div>
  </div>
  </p>
  
  <p>Instead of showing the radio buttons as radio buttons, I'd like to make them look like regular buttons, like this:</p>
  
  <p><div class="snippet" data-lang="js" data-hide="false">
  <div class="snippet-code">
  <pre class="snippet-code-html lang-html prettyprint-override"><code>&lt;link href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.6/css/bootstrap.min.css" rel="stylesheet"/&gt;
  &lt;button class="btn btn-primary"&gt;Option 0&lt;/button&gt;
  &lt;button class="btn btn-default"&gt;Option 1&lt;/button&gt;
  &lt;button class="btn btn-default"&gt;Option 2&lt;/button&gt;</code></pre>
  </div>
  </div>
  </p>
  
  <p>I have radios and I want to make them look like toggleable buttons. How am I supposed to do that with Bootstrap?</p>