title: Spreading Radio buttons using bootstrap grid system
body: <p>I am using the bootstrap grid system for radio buttons and I am trying to spread them out to not look so jammed into each other. Will someone please assist me in how to do this with the grid system setup?</p>
  
  <p>This is what I have tried:
  <a href="http://jsfiddle.net/75qmj037/11/" rel="nofollow noreferrer">http://jsfiddle.net/75qmj037/11/</a></p>
  
  <pre><code>&lt;div id="ownership" class="row"&gt;
      &lt;div class="col-lg-12"&gt;
          &lt;div class="form-group"&gt;
              &lt;label class='radiolabel'&gt;
          &lt;input type="radio" name="ownership" required="yes" value="MCO" /&gt;Manufacturer's statement of origin&lt;/label&gt;
          &lt;label class='radiolabel'&gt;
          &lt;input type="radio" name="ownership" value="FL Title" /&gt;Florida certificate of title&lt;/label&gt;
          &lt;label class='radiolabel'&gt;
          &lt;input type="radio" name="ownership" value="OOS Title" /&gt;Out-of-state certificate of title&lt;/label&gt;
          &lt;label class='radiolabel'&gt;
          &lt;input type="radio" name="ownership" value="TN Required" /&gt;I do not have any of these&lt;/label&gt;
      &lt;!---Label is here for placement of error message---&gt;
      &lt;label for="ownership" class="error" style="display:none;"&gt;Please choose one.&lt;/label&gt;
          &lt;/div&gt;
      &lt;/div&gt;
  &lt;/div&gt;
  </code></pre>
  
  <p><a href="https://i.stack.imgur.com/dYUaK.png" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/dYUaK.png" alt="enter image description here"></a></p>