<p dir="auto">I found a problem on checkbox button on touch devices (precisely iOS).<br>
just to be clear i'm talking about this:</p>
<div class="highlight highlight-text-html-basic notranslate position-relative overflow-auto" dir="auto" data-snippet-clipboard-copy-content="&lt;div class=&quot;btn-group&quot; data-toggle=&quot;buttons&quot;&gt;
  &lt;label class=&quot;btn btn-primary&quot;&gt;
    &lt;input type=&quot;checkbox&quot;&gt; Option 1
  &lt;/label&gt;
  &lt;label class=&quot;btn btn-primary&quot;&gt;
    &lt;input type=&quot;checkbox&quot;&gt; Option 2
  &lt;/label&gt;
  &lt;label class=&quot;btn btn-primary&quot;&gt;
    &lt;input type=&quot;checkbox&quot;&gt; Option 3
  &lt;/label&gt;
&lt;/div&gt;"><pre class="notranslate"><span class="pl-kos">&lt;</span><span class="pl-ent">div</span> <span class="pl-c1">class</span>="<span class="pl-s">btn-group</span>" <span class="pl-c1">data-toggle</span>="<span class="pl-s">buttons</span>"<span class="pl-kos">&gt;</span>
  <span class="pl-kos">&lt;</span><span class="pl-ent">label</span> <span class="pl-c1">class</span>="<span class="pl-s">btn btn-primary</span>"<span class="pl-kos">&gt;</span>
    <span class="pl-kos">&lt;</span><span class="pl-ent">input</span> <span class="pl-c1">type</span>="<span class="pl-s">checkbox</span>"<span class="pl-kos">&gt;</span> Option 1
  <span class="pl-kos">&lt;/</span><span class="pl-ent">label</span><span class="pl-kos">&gt;</span>
  <span class="pl-kos">&lt;</span><span class="pl-ent">label</span> <span class="pl-c1">class</span>="<span class="pl-s">btn btn-primary</span>"<span class="pl-kos">&gt;</span>
    <span class="pl-kos">&lt;</span><span class="pl-ent">input</span> <span class="pl-c1">type</span>="<span class="pl-s">checkbox</span>"<span class="pl-kos">&gt;</span> Option 2
  <span class="pl-kos">&lt;/</span><span class="pl-ent">label</span><span class="pl-kos">&gt;</span>
  <span class="pl-kos">&lt;</span><span class="pl-ent">label</span> <span class="pl-c1">class</span>="<span class="pl-s">btn btn-primary</span>"<span class="pl-kos">&gt;</span>
    <span class="pl-kos">&lt;</span><span class="pl-ent">input</span> <span class="pl-c1">type</span>="<span class="pl-s">checkbox</span>"<span class="pl-kos">&gt;</span> Option 3
  <span class="pl-kos">&lt;/</span><span class="pl-ent">label</span><span class="pl-kos">&gt;</span>
<span class="pl-kos">&lt;/</span><span class="pl-ent">div</span><span class="pl-kos">&gt;</span></pre></div>
<p dir="auto">when you select and then deselect the button the style remain selected until you click on another button.<br>
I think the problem is the rollover effect that on touch devices stays on after a click. it probably should be removed when  on touch devices.</p>
<p dir="auto">On a mobile device, when tapping a button such as the dropdown menu button in the top right hand corner of the getbootstrap.com site, unless you navigate away from the page, the button stays in the hover state. Found similar issue on stackoverflow:</p>
<p dir="auto"><a href="http://stackoverflow.com/questions/15305914/bootstrap-buttons-get-stuck-down-on-mobile-devices" rel="nofollow">http://stackoverflow.com/questions/15305914/bootstrap-buttons-get-stuck-down-on-mobile-devices</a></p>