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

Question

我想让这个选择标签在保持对齐的同时做出响应。我使用了表单控制类，但由于我的 css 或默认 css，它变得不对齐。此外，我想制作搜索字形图标的背景有色。

  <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

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