我的引导程序类在调整列中的位置时遇到问题。希望任何人都可以指导我如何在我的专栏文章中进行调整。下面是我的编码:
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>
输出显示如下:
实际上,我希望输出搜索按钮可以通过保管箱关闭,如图片下方:
<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工作。