有些时候bootstrap的展示不能满足自己的需要,可以手动加一些样式来控制展示


一个input有两个label左边一个,右边一个.control-label默认是右对齐的,放在左边是没问题,如果放在右边就会出现离input框很远,可以手动加一个style="text-align: left;" 来控制他强制左对齐

<div class="row">
    <label for="id_handler_id_display" class="col-sm-2 control-label">参与人名称</label>
    <div class="col-sm-4">
        <input class="form-control" id="id_handler_id_display">
    </div>
    <label for="id_handler_id_display" class="col-sm-2 control-label" style="text-align: left;"><a id="select_a">选择</a></label>
</div>


wKioL1gm0ZvAhWjPAAAS8M6S7-k620.png

wKiom1gm0Zuj135BAAATPXK8Slc570.png