title: Radio Button not inline with label
body: <p>I have this code at <a href="http://jsfiddle.net/p1h211uL/" rel="nofollow">JsFiddle</a></p>
  
  <pre><code>&lt;form&gt;
      &lt;div style="margin:0;padding:0;display:inline"&gt;&lt;/div&gt;
  
      &lt;div class="field"&gt;
          &lt;label for="input_user_id"&gt;User ID&lt;/label&gt;
          &lt;input class="form-control" id="input_user_id" name="input_user_id" type="text" placeholder="" value="KING0002" readonly&gt;
      &lt;/div&gt;
  
      &lt;div class="field"&gt;
          &lt;label for="input_name"&gt;Name&lt;/label&gt;
          &lt;input class="form-control" id="input_name" name="input_name" type="text" placeholder="Name"&gt;
      &lt;/div&gt;
  
      &lt;div class="field"&gt;
          &lt;label for="input_password"&gt;Password&lt;/label&gt;
          &lt;input class="form-control" id="input_password" name="input_password" type="password" placeholder="Password"&gt;
      &lt;/div&gt;
  
      &lt;div class="field"&gt;
          &lt;label for="credit"&gt;Credit &lt;/label&gt;
          &lt;input class="form-control" id="credit" name="credit_limit" type="text" placeholder="Credit"&gt;
      &lt;/div&gt;
  
      &lt;div class="field"&gt;
          &lt;div class="form-group"&gt;
              &lt;label for="create_member"&gt;Can Create Member&lt;/label&gt;
              &lt;input type="radio" name="create_member" value="no" checked&gt;No &amp;nbsp;&amp;nbsp;
              &lt;input type="radio" name="create_member" value="yes"&gt;Yes
          &lt;/div&gt;
      &lt;/div&gt;
  &lt;/form&gt;
  </code></pre>
  
  <p>I am using twitter bootstrap for my textfield, form control class, I tried to add radio button</p>
  
  <p>e.g</p>
  
  <pre><code>Can Create Member:  yes [] no []
  </code></pre>
  
  <p>But the output appear that the yes and no are above each other.</p>
  
  <p>How do I change to have a proper inline radio button and the alignment is about same as the textfield regardless of screen resolution ( be it mobile or desktop )</p>