用bootstrap的柵格“ coll-md- ”命令設(shè)置寬度總是不盡人意,有時上下框?qū)Σ积R,有時上下寬度又不齊,這時建議用“style="width:100px" "
<div class="page-header"> <form class="form-horizontal" > <div class="form-group form-group-lg"> <label class="col-sm-2 control-label no-padding-right"style="float:left;font-size:1em; font-family:Microsoft YaHei;"for="form-field-userName1">轉(zhuǎn)運(yùn)聯(lián)單號</label> <div class="col-sm-4"> <input class="col-xs-12 col-sm-10" type="text" id="mission_id"placeholder="請輸入關(guān)鍵字搜索"/> </div> </div> <form><div>
2.或者人用style屬性
<form class="form-horizontal" > <div class="form-group"> <label class="col-sm-1 control-label no-padding-right"style="width:180px;font-size:1em; font-family:Microsoft YaHei;"for="form-field-userName1">任務(wù)單號:</label> <div class="col-sm-4"> <input class="col-xs-12 col-sm-10" type="text" id="form-field-userName1"placeholder="請輸入關(guān)鍵字搜索"/> </div> </div></from>
對比可以看出來,使用第二種方法更加整齊些。
本人bootstrap剛?cè)腴T,只是在做項(xiàng)目時遇到的問題和解決方法寫下來,可能有時是錯誤的,請大家多多指教。如果大家有任何疑問請給我留言,小編會及時回復(fù)大家的。在此也非常感謝大家對武林網(wǎng)網(wǎng)站的支持!
新聞熱點(diǎn)
疑難解答