修改Bootstrap的一些默認樣式

有些時候bootstrap的展現不能知足本身的須要,能夠手動加一些樣式來控制展現html


一個input有兩個label左邊一個,右邊一個.control-label默認是右對齊的,放在左邊是沒問題,若是放在右邊就會出現離input框很遠,能夠手動加一個style="text-align: left;" 來控制他強制左對齊bootstrap

<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

相關文章
相關標籤/搜索