我想让这个选择标签响应，同时保持它对齐

Question

我想让这个选择标签响应，同时保持对齐。我使用了表单控件类，但是由于我的css或默认的css，它正在被取消对齐。而且我想要制作搜索glyphicon的背景有色。

  <header>
    <div class="container-fluid">
        <div class="intro-text">

            <div class="intro-lead-in"><br>

            <div id="imaginary_container" align="center"> 
            <form action="search.php" method="get">
            <div class="input-group stylish-input-group col-md-9" >


                <input id ="search_bar" name= "search_bar" type="text" class="form-control"  placeholder="Search" >



                <div class="input-group-addon">
               <select class="" name="select_course" >
                    <option value="course">Select </option>


                </select>
                </div>


                <span class="input-group-addon">
                <a href="search.php">
                    <button type="submit" action="search.php">
                        <span class="glyphicon glyphicon-search"></span>
                    </button>  
                    </a>

                </span>
            </div>
            </form>
        </div>

        </div>
        </div>

    </div>
</header>

Answer 1

您的代码仅具有响应性。根据选择的选项长度，它会增加。如果选项中的内容长度更长也会更多。如果要调整所有文本框的设置宽度，请选择，以百分比搜索图标。