## 控件尺寸 通過`.input-lg`類似的類可以為控件設置高度，通過`.col-lg-*`類似的類可以為控件設置寬度。 ### 高度尺寸 創建大一些或小一些的表單控件以匹配按鈕尺寸。  ~~~html <input class="form-control input-lg" type="text" placeholder=".input-lg"> <input class="form-control" type="text" placeholder="Default input"> <input class="form-control input-sm" type="text" placeholder=".input-sm"> <select class="form-control input-lg">...</select> <select class="form-control">...</select> <select class="form-control input-sm">...</select> ~~~ ### 水平排列的表單組的尺寸 通過添加`.form-group-lg`或`.form-group-sm`類，為`.form-horizontal`包裹的`label`元素和表單控件快速設置尺寸。  ~~~html <form class="form-horizontal"> <div class="form-group form-group-lg"> <label class="col-sm-2 control-label" for="formGroupInputLarge">Large label</label> <div class="col-sm-10"> <input class="form-control" type="text" id="formGroupInputLarge" placeholder="Large input"> </div> </div> <div class="form-group form-group-sm"> <label class="col-sm-2 control-label" for="formGroupInputSmall">Small label</label> <div class="col-sm-10"> <input class="form-control" type="text" id="formGroupInputSmall" placeholder="Small input"> </div> </div> </form> ~~~ ### 調整列（column）尺寸 用柵格系統中的列（column）包裹輸入框或其任何父元素，都可很容易的為其設置寬度。  ~~~html <div class="row"> <div class="col-xs-2"> <input type="text" class="form-control" placeholder=".col-xs-2"> </div> <div class="col-xs-3"> <input type="text" class="form-control" placeholder=".col-xs-3"> </div> <div class="col-xs-4"> <input type="text" class="form-control" placeholder=".col-xs-4"> </div> </div> ~~~