title: checkbox on Bootstrap 3 shows up incorrectly in responsive layout
body: <p>I've been using <a href="http://getbootstrap.com/javascript/#buttons" rel="nofollow">Bootstrap buttons</a> to create checkboxes with images. When I directly use the code example, the buttons don't have a checkbox. But when I put them in a responsive layout, they have a checkbox.</p>
  
  <p>I've created <a href="http://jsfiddle.net/DTcHh/" rel="nofollow">a JSFiddle</a> that demonstrates this. Is there a way to have Bootstrap buttons without the checkbox itself?</p>
  
  <p>Here's the code:</p>
  
  <pre><code>&lt;div class="container-fluid"&gt;
    &lt;div class="row"&gt;
    &lt;div class="btn-group" data-toggle="buttons"&gt;
      &lt;div class="col-md-4"&gt;
        &lt;label class="btn btn-primary"&gt;
          &lt;input autocomplete="off" type="checkbox"&gt;
            Checkbox 1
        &lt;/label&gt;
      &lt;/div&gt;
      &lt;div class="col-md-4"&gt;
        &lt;label class="btn btn-primary"&gt;
          &lt;input autocomplete="off" type="checkbox"&gt;
            Checkbox 2
        &lt;/label&gt;
      &lt;/div&gt;
      &lt;div class="col-md-4"&gt;
        &lt;label class="btn btn-primary"&gt;
          &lt;input autocomplete="off" type="checkbox"&gt;
            Checkbox 3
        &lt;/label&gt;
      &lt;/div&gt;
    &lt;/div&gt;
  &lt;/div&gt;
  </code></pre>