title: Twitter Bootstrap inline form spacing
body: <p><a href="http://jsfiddle.net/MFKBj/">Here is a JSFiddle showing my code in action.</a></p>
  
  <p>I want to add a few pixels of spacing between the different parts of the form in the most correct way using Twitter Bootstrap 3 taking responsiveness into consideration. I've looked over the documentation, but it still isn't clear to me what the best way to accomplish this is.</p>
  
  <p>Any ideas?</p>
  
  <p>Here is my current form HTML:</p>
  
  <pre><code>&lt;form class="form-inline" role="form"&gt;
    &lt;div class="form-group"&gt;
      &lt;label class="sr-only" for="timezone"&gt;Timezone&lt;/label&gt;
      &lt;select class="form-control" id="timezone" name="timezone"&gt;
        &lt;option value="America/St_Lucia"&gt;America/St_Lucia&lt;/option&gt;
        &lt;option value="Europe/Nicosia"&gt;Europe/Nicosia&lt;/option&gt;
      &lt;/select&gt;
    &lt;/div&gt;
  
    &lt;label class="radio-inline"&gt;
      &lt;input id="timeformat-0" name="timeformat" value="24" type="radio" /&gt;
      19:00
    &lt;/label&gt;
  
    &lt;label class="radio-inline"&gt;
      &lt;input checked id="timeformat-1" name="timeformat" value="12" type="radio" /&gt;
      7:00 PM
    &lt;/label&gt;
  
    &lt;button class="btn" type="submit"&gt;Save&lt;/button&gt;
  &lt;/form&gt;
  </code></pre>