I want to make this select tag responsive while keeping it aligned
<p>I want to make this select tag responsive while keeping it aligned.I used form-control class but due to either my css or default css it is getting dis-aligned.and moreover the i want to make the background of search glyphicon coloured.     </p>

<pre><code>  &lt;header&gt;
    &lt;div class="container-fluid"&gt;
        &lt;div class="intro-text"&gt;

            &lt;div class="intro-lead-in"&gt;&lt;br&gt;

            &lt;div id="imaginary_container" align="center"&gt; 
            &lt;form action="search.php" method="get"&gt;
            &lt;div class="input-group stylish-input-group col-md-9" &gt;


                &lt;input id ="search_bar" name= "search_bar" type="text" class="form-control"  placeholder="Search" &gt;



                &lt;div class="input-group-addon"&gt;
               &lt;select class="" name="select_course" &gt;
                    &lt;option value="course"&gt;Select &lt;/option&gt;


                &lt;/select&gt;
                &lt;/div&gt;


                &lt;span class="input-group-addon"&gt;
                &lt;a href="search.php"&gt;
                    &lt;button type="submit" action="search.php"&gt;
                        &lt;span class="glyphicon glyphicon-search"&gt;&lt;/span&gt;
                    &lt;/button&gt;  
                    &lt;/a&gt;

                &lt;/span&gt;
            &lt;/div&gt;
            &lt;/form&gt;
        &lt;/div&gt;

        &lt;/div&gt;
        &lt;/div&gt;

    &lt;/div&gt;
&lt;/header&gt;
</code></pre>