How to align (width wise) bootstrap select dropdown with input box?
<p>I am using bootstrap select on my form. just below that I am having an input box.
I would like to have input box's width similar to select box.</p>

<pre><code>&lt;div class="container-fluid"&gt;
  &lt;div class="row"&gt;
    &lt;div class="col-md-12"&gt;
      &lt;select class="selectpicker"&gt;
        &lt;option&gt;Mustard&lt;/option&gt;
        &lt;option&gt;Ketchup&lt;/option&gt;
        &lt;option&gt;Relish&lt;/option&gt;
      &lt;/select&gt;
    &lt;/div&gt;
  &lt;/div&gt;
  &lt;div class="row"&gt;
    &lt;div class="col-md-2"&gt;
    &lt;/div&gt;
    &lt;div class="col-md-8"&gt;
      &lt;input class="form-control" id="input_id" type="text" value="" /&gt;
    &lt;/div&gt;
    &lt;div class="col-md-2"&gt;
    &lt;/div&gt;
  &lt;/div&gt;
&lt;/div&gt;
</code></pre>

<p>Please see: <a href="https://jsfiddle.net/5L30q27f/8/" rel="nofollow">https://jsfiddle.net/5L30q27f/8/</a></p>

<p>In bootstrap-select.css, it appears that width has been set to 220px.
I could use the exact width for my input box but I do not think that would be a good idea, since I suspect on mobile devices bootstrap-select might be changing that width to something else.</p>

<p>Currently, I am controlling my input box's width using columns, but it is not the right solution. ( width appears to vary depending on the screen size ).</p>

<p>I am using bootstarp first time. So there is a good chance that I am overlooking something obvious which is provided by bootstrap to solve this problem.</p>

<p>Could you please point me to a right direction?</p>