<p dir="auto">On Android there's a bug in the margin/paddings/floats CSS of the radio buttons.</p>
<p dir="auto">See:</p>
<ul dir="auto">
<li>On Android (bug): *</li>
</ul>
<p dir="auto"><a target="_blank" rel="noopener noreferrer nofollow" href="https://camo.githubusercontent.com/000b6f157a6f9e93a735d3e3ce7763ce02274b921df14f09f3eec834c7746fee/687474703a2f2f672e617461672e6a702f702f6275677265706f72742f626f6f7473747261702f616e64726f69642e706e67"><img src="https://camo.githubusercontent.com/000b6f157a6f9e93a735d3e3ce7763ce02274b921df14f09f3eec834c7746fee/687474703a2f2f672e617461672e6a702f702f6275677265706f72742f626f6f7473747261702f616e64726f69642e706e67" alt="Android" data-canonical-src="http://g.atag.jp/p/bugreport/bootstrap/android.png" style="max-width: 100%;"></a></p>
<ul dir="auto">
<li>On Chrome (correct) *</li>
</ul>
<p dir="auto"><a target="_blank" rel="noopener noreferrer nofollow" href="https://camo.githubusercontent.com/85ecd3b6710b51cb79d4b0acde0b5844c295e595492f1a0c4a0a12ce806d43fb/687474703a2f2f672e617461672e6a702f702f6275677265706f72742f626f6f7473747261702f6368726f6d652e706e67"><img src="https://camo.githubusercontent.com/85ecd3b6710b51cb79d4b0acde0b5844c295e595492f1a0c4a0a12ce806d43fb/687474703a2f2f672e617461672e6a702f702f6275677265706f72742f626f6f7473747261702f6368726f6d652e706e67" alt="Android" data-canonical-src="http://g.atag.jp/p/bugreport/bootstrap/chrome.png" style="max-width: 100%;"></a></p>
<p dir="auto">You can check it also here:<br>
<a href="http://twitter.github.com/bootstrap/base-css.html#forms">http://twitter.github.com/bootstrap/base-css.html#forms</a></p>
<p dir="auto">Regards,<br>
Gunther</p>
<p dir="auto">Checkboxes defined as per the examples render with the text floating at least half a line higher than the actual check box.</p>
<div class="highlight highlight-text-html-basic notranslate position-relative overflow-auto" dir="auto" data-snippet-clipboard-copy-content="&lt;label class=&quot;checkbox&quot;&gt;
                &lt;input type=&quot;checkbox&quot; name=&quot;optionsCheckboxList1&quot; value=&quot;option1&quot;&gt;
                Option one is this and that—be sure to include why it's great
&lt;/label&gt;"><pre class="notranslate"><span class="pl-kos">&lt;</span><span class="pl-ent">label</span> <span class="pl-c1">class</span>="<span class="pl-s">checkbox</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-c1">name</span>="<span class="pl-s">optionsCheckboxList1</span>" <span class="pl-c1">value</span>="<span class="pl-s">option1</span>"<span class="pl-kos">&gt;</span>
                Option one is this and that—be sure to include why it's great
<span class="pl-kos">&lt;/</span><span class="pl-ent">label</span><span class="pl-kos">&gt;</span></pre></div>
<p dir="auto">If you have a group of checkboxes this starts to look very confusing.</p>