title: align button and dropdown in a same line bootstrap
body: <p>I need to align a button and a select drop down in a same line.</p>
  
  <pre><code>&lt;button name="button" type="submit" class="pull-right margin-clear btn btn-sm btn-default-transparent btn-animated cart-class"
  id="cart-classlatest-arrival1"&gt;Add To Cart&lt;i class="fa fa-shopping-cart"&gt;&lt;/i&gt;
  &lt;/button&gt;
  
  &lt;select class="form-control pull-left margin-clear btn btn-sm btn-default-transparent btn-animated custom-class"&gt;
      &lt;option&gt; 750 Gms &lt;/option&gt;
  &lt;/select&gt;
  </code></pre>
  
  <p>Here's the <a href="https://jsfiddle.net/spys5bex/3/" rel="nofollow">fiddle</a> for the same.</p>