How can I reduce Bootstrap column widths to the size of a specific button?
<p>Not really sure how to set the title. My problem is obvious visually. </p>

<p><a href="https://jsfiddle.net/DTcHh/21442/" rel="nofollow">https://jsfiddle.net/DTcHh/21442/</a></p>

<pre><code>  &lt;div class="row"&gt;
    &lt;input class="col-xs-2" type="" name="" placeholder="From"&gt;
    &lt;input class="col-xs-2" type="" name="" placeholder="To"&gt;
    &lt;input class="col-xs-2" type="" name="" placeholder="29/11/2015"&gt;
    &lt;input class="col-xs-2" type="" name="" placeholder="Return"&gt;
    &lt;select class="col-xs-2"&gt;
      &lt;option&gt;1 Passenger&lt;/option&gt;
      &lt;option&gt;2 Passengers&lt;/option&gt;
      &lt;option&gt;3 Passengers&lt;/option&gt;
      &lt;option&gt;4 Passengers&lt;/option&gt;
      &lt;option&gt;5 Passengers&lt;/option&gt;
      &lt;option&gt;6 Passengers&lt;/option&gt;
    &lt;/select&gt;
    &lt;button class="col-xs-2" id="search-btn"&gt;S&lt;/button&gt;
  &lt;/div&gt;
</code></pre>

<p>The search button have to be in certain width, so there is unfilled space at the right, how can I fill it till the end? the wrapper has certain fixed width.</p>