Bootstrap类来调整位置问题

问题描述 投票:0回答:1

我的引导程序类在调整列中的位置时遇到问题。希望任何人都可以指导我如何在我的专栏文章中进行调整。下面是我的编码:

div class="col-sm-12">
<br>
<label for="text1" class="form-group control-label col-lg-2">Person in Charge:</label>
<div class="col-sm-6">
                        <select class="form-control required" id="id_person_incharge" name="id_person_incharge">
                            <option value="">Please Select</option>
                            <?php
                            $sql_branch = 'select * from person_incharge where active=1 order by id';
                            $arr_branch = db_conn_select($sql_branch);
                            foreach ($arr_branch as $rs_branch) {
                                echo '<option value="' . $rs_branch['id'] . '">' . $rs_branch['person_incharge'] . '</option>';
                            }
                            ?>
                        </select><br>

</div>
<div class="col-sm-2">
<a href="#" onclick="return go_popup_user_search('PersonInCharge');"><img src="images/icon_search2.png"></a>
</div>
</div>


        </div>
    </div>
</div>

输出显示如下:

Output

实际上,我希望输出搜索按钮可以通过保管箱关闭,如图片下方:

Output2

html css bootstrap-modal
1个回答
0
投票
<div class="d-inline">
                        <select class="form-control required" id="id_person_incharge" name="id_person_incharge">
                            <option value="">Please Select</option>
                            <?php
                            $sql_branch = 'select * from person_incharge where active=1 order by id';
                            $arr_branch = db_conn_select($sql_branch);
                            foreach ($arr_branch as $rs_branch) {
                                echo '<option value="' . $rs_branch['id'] . '">' . $rs_branch['person_incharge'] . '</option>';
                            }
                            ?>
                        </select><br>

</div>
<div class="d-inline">
<a href="#" onclick="return go_popup_user_search('PersonInCharge');"><img src="images/icon_search2.png"></a>
</div>

用d-inline替换网格类

https://getbootstrap.com/docs/4.0/utilities/display/Shuld工作。

© www.soinside.com 2019 - 2024. All rights reserved.