表單控件都正常的大小。能夠經過設置控件的height,line-height,padding和font-size等屬性來實現控件的高度設置。不過Bootstrap框架還提供了兩個不一樣的類名,用來控制表單控件的高度。這兩個類名是: 一、input-sm:讓控件比正常大小更小 二、input-lg:讓控件比正常大小更大框架
這兩個類適用於表單中的input,textarea和select控件 <input class="form-control input-lg" type="text" placeholder="添加.input-lg,控件變大"> <input class="form-control" type="text" placeholder="正常大小"> <input class="form-control input-sm" type="text" placeholder="添加.input-sm,控件變小">orm
若是要控制 表單的 控件 寬度 能夠使用: 若是表單使用了類名「form-horizontal」,其中「form-group」就至關於網格系統中的「row」。換句話說,若是沒有這樣作,要經過網格系統來控制表單控件寬度,就須要這樣使用:input
<form role="form" class="form-horizontal"> <div class="form-group"> <div class="col-xs-4"> <input class="form-control input-lg" type="text" placeholder=".col-xs-4"> </div> 。。。 或者是 row若是不使用 form-group : <div class="row"> <div class="col-xs-4"> <input class="form-control input-lg" type="text" placeholder=".col-xs-4"> </div>form