《Bootstrap如何改变表单控件大小和状态》要点：
本文介绍了Bootstrap如何改变表单控件大小和状态，希望对您有用。如果有疑问，可以联系我们。
相关主题：CSS2和CSS3特效
1、表单控件大小
可以通过设置控件height、line-height、padding和font-size等属性实现控件高度的设置。
bootstrap中对input、textarea和select控件使用两个类名来控制大小，但是都需要“form-control”维持基本样式：
input-sm：让控件比正常更小；
input-lg：让控件比正常更大。
用法1：只对控件高度进行处理。
<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，控件变小">
用法2：若需对宽度也进行处理则借助bootstrap框架的网格系统，类名添加在容器上
<span style="color:#000000;"><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> <div class="col-xs-4"> <input class="form-control" type="text" placeholder="col-xs-4" > </div> <div class="col-xs-4"> <input class="form-control input-sm" type="text" placeholder="col-xs-4" > </div> </div> </form></span>
注：这里的form-group相当于网格系统中的row，如果没有“.form-group”，则需要用<div class="row"></div>代替<div class="form-group"></div>
转载请注明本页网址：
http://www.vephp.com/jiaocheng/178.html
