title: Make column stretch to fill whatever space it can in Bootstrap
body: <p>I have this issue:</p>
  
  <p><img src="https://i.stack.imgur.com/tiOmg.png" alt="enter image description here"></p>
  
  <p>The html is as follows:</p>
  
  <pre><code>&lt;div class="row"&gt;
      &lt;div ng-cloak class="col-md-7 col-sm-6 col-xs-12"&gt;
          &lt;form class="form"&gt;
              &lt;input type="text" class="form-control" /&gt;
          &lt;/form&gt;
      &lt;/div&gt;
      &lt;div class="col-md-5 col-sm-6 col-xs-12 no-wrap"&gt;
          &lt;span class="push-buttons-away-from-search-bar btn-group" role="group"&gt;
              &lt;a class="btn btn-lg" href=""&gt;A link&lt;/a&gt;
              &lt;a class="btn btn-lg" href=""&gt;Another link&lt;/a&gt;
          &lt;/span&gt;
      &lt;/div&gt;
  &lt;/div&gt;
  </code></pre>
  
  <p>Can you think of a responsive (bootstrap) way of making the search bartake up all space it can, and leave space for the 2 buttons on the side.</p>
  
  <p>Notice the spacing between the 2 buttons, the button grouping styling was getting in the way... Perhaps you suggest using button groups?</p>