用bootstrap的柵格“ coll-md- ”命令設置寬度總是不盡人意,有時上下框對不齊,有時上下寬度又不齊,這時建議用“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">轉運聯單號</label> <div class="col-sm-4"> <input class="col-xs-12 col-sm-10" type="text" id="mission_id"placeholder="請輸入關鍵字搜索"/> </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">任務單號:</label> <div class="col-sm-4"> <input class="col-xs-12 col-sm-10" type="text" id="form-field-userName1"placeholder="請輸入關鍵字搜索"/> </div> </div></from>
對比可以看出來,使用第二種方法更加整齊些。
本人bootstrap剛入門,只是在做項目時遇到的問題和解決方法寫下來,可能有時是錯誤的,請大家多多指教。如果大家有任何疑問請給我留言,小編會及時回復大家的。在此也非常感謝大家對VeVb武林網網站的支持!
新聞熱點
疑難解答