有些時(shí)候bootstrap的展示不能滿足自己的需要,可以手動(dòng)加一些樣式來控制展示

一個(gè)input有兩個(gè)label左邊一個(gè),右邊一個(gè).control-label默認(rèn)是右對(duì)齊的,放在左邊是沒問題,如果放在右邊就會(huì)出現(xiàn)離input框很遠(yuǎn),可以手動(dòng)加一個(gè)style="text-align: left;" 來控制他強(qiáng)制左對(duì)齊

<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>

轉(zhuǎn)載于:https://blog.51cto.com/quxf2012/1872089

總結(jié)

以上是生活随笔為你收集整理的修改Bootstrap的一些默认样式的全部?jī)?nèi)容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網(wǎng)站內(nèi)容還不錯(cuò)，歡迎將生活随笔推薦給好友。