<p dir="auto">Hello,</p>
<p dir="auto">In the documentation <a href="http://twbs.github.io/bootstrap/css/#forms-controls" rel="nofollow">http://twbs.github.io/bootstrap/css/#forms-controls</a> under Checkboxes and radios the example shows the radios as stack but using the code provided you get this</p>
<p dir="auto"><a target="_blank" rel="noopener noreferrer nofollow" href="https://camo.githubusercontent.com/1655941249643a3c8724f403ec0bbb00b0fc9776ce296b18b6bbfeb7054ac6eb/68747470733a2f2f662e636c6f75642e6769746875622e636f6d2f6173736574732f323035353536362f3837373431312f39653539653739322d663866312d313165322d393834352d6363323161363665373561302e504e47"><img src="https://camo.githubusercontent.com/1655941249643a3c8724f403ec0bbb00b0fc9776ce296b18b6bbfeb7054ac6eb/68747470733a2f2f662e636c6f75642e6769746875622e636f6d2f6173736574732f323035353536362f3837373431312f39653539653739322d663866312d313165322d393834352d6363323161363665373561302e504e47" alt="radio bug" data-canonical-src="https://f.cloud.github.com/assets/2055566/877411/9e59e792-f8f1-11e2-9845-cc21a66e75a0.PNG" style="max-width: 100%;"></a></p>
<p dir="auto">to get whats shown in the example you need todo</p>
<div class="highlight highlight-text-html-basic notranslate position-relative overflow-auto" dir="auto" data-snippet-clipboard-copy-content="&lt;div class=&quot;radio&quot;&gt;
  &lt;label&gt;
    &lt;input type=&quot;radio&quot; name=&quot;optionsRadios&quot; id=&quot;optionsRadios1&quot; value=&quot;option1&quot; checked&gt;
    Option one is this and that&amp;mdash;be sure to include why it's great
  &lt;/label&gt;
&lt;/div&gt;
&lt;div class=&quot;radio&quot;&gt;
  &lt;label&gt;
    &lt;input type=&quot;radio&quot; name=&quot;optionsRadios&quot; id=&quot;optionsRadios2&quot; value=&quot;option2&quot;&gt;
    Option two can be something else and selecting it will deselect option one
  &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">radio</span>"<span class="pl-kos">&gt;</span>
  <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">input</span> <span class="pl-c1">type</span>="<span class="pl-s">radio</span>" <span class="pl-c1">name</span>="<span class="pl-s">optionsRadios</span>" <span class="pl-c1">id</span>="<span class="pl-s">optionsRadios1</span>" <span class="pl-c1">value</span>="<span class="pl-s">option1</span>" <span class="pl-c1">checked</span><span class="pl-kos">&gt;</span>
    Option one is this and that&amp;mdash;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>
<span class="pl-kos">&lt;/</span><span class="pl-ent">div</span><span class="pl-kos">&gt;</span>
<span class="pl-kos">&lt;</span><span class="pl-ent">div</span> <span class="pl-c1">class</span>="<span class="pl-s">radio</span>"<span class="pl-kos">&gt;</span>
  <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">input</span> <span class="pl-c1">type</span>="<span class="pl-s">radio</span>" <span class="pl-c1">name</span>="<span class="pl-s">optionsRadios</span>" <span class="pl-c1">id</span>="<span class="pl-s">optionsRadios2</span>" <span class="pl-c1">value</span>="<span class="pl-s">option2</span>"<span class="pl-kos">&gt;</span>
    Option two can be something else and selecting it will deselect option one
  <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">example code for radio buttons has an error, I believe</p>
<div class="snippet-clipboard-content notranslate position-relative overflow-auto" data-snippet-clipboard-copy-content="&lt;div class=&quot;radio&quot;&gt;
  &lt;label&gt;
    &lt;input type=&quot;radio&quot; name=&quot;optionsRadios&quot; id=&quot;optionsRadios1&quot; value=&quot;option1&quot; checked&gt;
    Option one is this and that&amp;mdash;be sure to include why it's great
  &lt;/label&gt;
&lt;/div&gt; &lt;--- ## THIS TAG IS MISSING
&lt;div class=&quot;radio&quot;&gt; &lt;--- ## THIS TAG IS MISSING
  &lt;label&gt;
    &lt;input type=&quot;radio&quot; name=&quot;optionsRadios&quot; id=&quot;optionsRadios2&quot; value=&quot;option2&quot;&gt;
    Option two can be something else and selecting it will deselect option one
  &lt;/label&gt;
&lt;/div&gt;"><pre class="notranslate"><code class="notranslate">&lt;div class="radio"&gt;
  &lt;label&gt;
    &lt;input type="radio" name="optionsRadios" id="optionsRadios1" value="option1" checked&gt;
    Option one is this and that&amp;mdash;be sure to include why it's great
  &lt;/label&gt;
&lt;/div&gt; &lt;--- ## THIS TAG IS MISSING
&lt;div class="radio"&gt; &lt;--- ## THIS TAG IS MISSING
  &lt;label&gt;
    &lt;input type="radio" name="optionsRadios" id="optionsRadios2" value="option2"&gt;
    Option two can be something else and selecting it will deselect option one
  &lt;/label&gt;
&lt;/div&gt;
</code></pre></div>
<p dir="auto">The code used as originally shown displays only one radio button.</p>