引导程序下拉列表无法正常工作

时间:2016-06-01 08:49:40

标签: twitter-bootstrap

我在下拉列表中遇到布局问题,这是我的代码

<li class="dropdown col-md-1">
      <a href="#" class="dropdown-toggle" data-toggle="dropdown"> Select Courses <b class="caret"></b></a>
      <ul class="dropdown-menu scrollable-menu">
   <select  name="selectVal">

                    <?php
                        $sql = mysqli_query($conn,"call courses_dropdown()");
                        while($row = mysqli_fetch_array($sql))
                        {   

                            echo "<option value='" . $row['courses'] ."'>" . $row['courses'] . "</option>";
                        }
                    ?> 
                </select>

</ul>
    </li>

目前的结果: current result is

通缉结果:
but i want result like this

我的意思是我不希望嵌套下拉列表如图所示

2 个答案:

答案 0 :(得分:0)

您需要将css类“form-control”添加到您的选择中。

答案 1 :(得分:0)

echo "<option class="form-control" value='" . $row['courses'] ."'>" . $row['courses'] . "</option>";

用它来获得你想要的结果。