title: Bootstrap radio group - horizontal alignment
body: <p>I've this Bootstrap markup with a inline radio group:</p>
  
  <pre><code>&lt;div class="container"&gt;
      &lt;section id="content"&gt;
  
          &lt;form class="form-horizontal" role="form" name="myForm"&gt;
              &lt;div class="panel panel-default"&gt;
  
                  &lt;div class="panel-heading"&gt;
                      &lt;h3 class="panel-title"&gt;Panel title&lt;/h3&gt;
                  &lt;/div&gt;
  
                  &lt;div class="panel-body"&gt;
  
                      &lt;div class="form-group"&gt;
                          &lt;div class="col-sm-6 col-sm-offset-3"&gt;
                              &lt;label for="myField" class="control-label"&gt;Radio title:&lt;/label&gt;
  
                              &lt;label class="radio-inline"&gt;
                                  &lt;input type="radio" name="myField" value="normal" /&gt; RADIO1
                              &lt;/label&gt;
  
                              &lt;label class="radio-inline"&gt;
                                  &lt;input type="radio" name="myField" value="high" /&gt; RADIO2
                              &lt;/label&gt;
                          &lt;/div&gt;
                      &lt;/div&gt;
  
                  &lt;/div&gt;
              &lt;/div&gt;
          &lt;/form&gt;
  
      &lt;/section&gt;
  &lt;/div&gt;
  </code></pre>
  
  <p>It looks like this:</p>
  
  <p><img src="https://i.stack.imgur.com/tFPfa.png" alt="Screenshot"></p>
  
  <p>How can I make the title and radio input align horizontally?</p>
  
  <p>See this JSFiddle: <a href="http://jsfiddle.net/dennismadsen/u6qus4ud/1/" rel="nofollow noreferrer">http://jsfiddle.net/dennismadsen/u6qus4ud/1/</a>.</p>