title: Bootstrap Button and input box , side by side
body: <p>Can anybody please advise/correct me how to align or arrange the button and input box side by side without grouping in bootstrap.</p>
  
  <p>I had searched few examples in the internet which are only in grouping of elements.</p>
  
  <p>jsfiddle: <a href="https://jsfiddle.net/erama035/p9dagmL3/3/" rel="nofollow noreferrer">https://jsfiddle.net/erama035/p9dagmL3/3/</a></p>
  
  <pre><code>&lt;div class="container"&gt;
      &lt;div class="row"&gt;
  
         &lt;div class="col-xs-5 col-sm-5 col-md-5"&gt;
              &lt;button class="btn btn-default col-sm-2 col-md-2"&gt;add&lt;/button&gt;
              &lt;input  class="form-control col-md-3 col-sm-2"/&gt;
         &lt;/div&gt;
  
         &lt;div class="col-xs-7 col-sm-7 col-md-7"&gt;
              &lt;button class="btn btn-default col-md-2"&gt;remove&lt;/button&gt;
              &lt;input  class="form-control col-md-5"/&gt;
         &lt;/div&gt;
  
     &lt;/div&gt;  
   &lt;/div&gt;
  </code></pre>