title: How to align this bootstrap radio button?
body: <p><a href="http://www.thetamilonlinemarket.com/riffaz/dform.html" rel="nofollow noreferrer">PAGE IS HERE</a> </p>
  
  <p>I created radio button using following code and the button &amp; the text comes next to each other. That's fine but it is not VERTICALLY middle aligned to the text input field which is placed left to the radio button.</p>
  
  <pre><code>&lt;div class="col-md-3"&gt;
      &lt;div id="edit-donation-frequent" class="form-radios form-group"&gt;
          &lt;div class="form-item form-type-radio form-item-donation-frequent"&gt;
              &lt;input type="radio" id="edit-donation-frequent-monthly" name="donation_frequent" value="monthly" class="form-radio" /&gt;  
              &lt;label class="option font-size-sixteen" for="edit-donation-frequent-monthly"&gt;Monthly&lt;/label&gt;
           &lt;/div&gt;
      &lt;/div&gt;
  &lt;/div&gt;
  &lt;div class="col-md-3"&gt;
      &lt;div class="form-item form-type-radio form-item-donation-frequent form-group"&gt;
          &lt;input type="radio" id="edit-donation-frequent-once" name="donation_frequent" value="once" class="form-radio" /&gt;  
          &lt;label class="option font-size-sixteen" for="edit-donation-frequent-once"&gt;One time &lt;/label&gt;
      &lt;/div&gt;
  &lt;/div&gt;
  </code></pre>
  
  <p><a href="http://www.thetamilonlinemarket.com/riffaz/dform.html" rel="nofollow noreferrer">PAGE IS HERE</a> </p>
  
  <p>I put <code>.form-item label.option { vertical-align: middle; }</code> but still the same result.
  Then I tried margin-top and some other css styles but could not get what I want.</p>
  
  <p>I want the both radio buttons(monthly, onetime AND Landline) look like following screenshot. 
  <a href="https://i.stack.imgur.com/apnNU.png" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/apnNU.png" alt="enter image description here"></a></p>
  
  <p>and</p>
  
  <p><a href="https://i.stack.imgur.com/J80fN.png" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/J80fN.png" alt="enter image description here"></a></p>
  
  <p>how can I adjust the page like screen shots.</p>
  
  <p><strong>[UPDATE]</strong></p>
  
  <p>Code for the section (row) as per Rachel's request (Anyhow by visiting <a href="http://www.thetamilonlinemarket.com/riffaz/dform.html" rel="nofollow noreferrer">this page</a> you can have a look at the source code):</p>
  
  <pre><code>&lt;div class="row"&gt;
      &lt;div class="col-md-3"&gt;
          &lt;div class="form-item form-type-textfield form-item-donation-amount form-group"&gt;
              &lt;input type="text" id="edit-donation-amount" name="donation_amount" value="" maxlength="128" class="form-text form-control" placeholder="Amount"/&gt;
          &lt;/div&gt;
      &lt;/div&gt;
      &lt;div class="col-md-3"&gt;
          &lt;div class="form-item form-type-select form-item-donation-currency form-group"&gt;
              &lt;select id="edit-donation-currency" name="donation_currency" class="form-select form-control"&gt;
                  &lt;option value="DKK"&gt;DKK&lt;/option&gt;
                  &lt;option value="GBP"&gt;GBP&lt;/option&gt;
                  &lt;option value="USD"&gt;USD&lt;/option&gt;
                  &lt;option value="EUR"&gt;EUR&lt;/option&gt;
              &lt;/select&gt;
          &lt;/div&gt;
      &lt;/div&gt;
      &lt;div class="col-md-3"&gt;
          &lt;div id="edit-donation-frequent" class="form-radios form-group"&gt;
              &lt;div class="form-item form-type-radio form-item-donation-frequent"&gt;
                  &lt;input type="radio" id="edit-donation-frequent-monthly" name="donation_frequent" value="monthly" class="form-radio" /&gt;  
                  &lt;label class="option font-size-sixteen" for="edit-donation-frequent-monthly"&gt;Monthly&lt;/label&gt;
               &lt;/div&gt;
          &lt;/div&gt;
      &lt;/div&gt;
      &lt;div class="col-md-3"&gt;
          &lt;div class="form-item form-type-radio form-item-donation-frequent form-group"&gt;
              &lt;input type="radio" id="edit-donation-frequent-once" name="donation_frequent" value="once" class="form-radio" /&gt;  
              &lt;label class="option font-size-sixteen" for="edit-donation-frequent-once"&gt;One time &lt;/label&gt;
          &lt;/div&gt;
      &lt;/div&gt;
  &lt;/div&gt;
  </code></pre>