固然表單除了這幾個元素以外,還有input、select、textarea等元素,在Bootstrap框架中,經過定製了一個類名form-control
,也就是說,若是這幾個元素使用了類名「form-control」,將會實現一些設計上的定製效果。框架
一、寬度變成了100%設計
二、設置了一個淺灰色(#ccc)的邊框code
三、具備4px的圓角orm
四、設置陰影效果,而且元素獲得焦點之時,陰影和邊框效果會有所變化input
五、設置了placeholder的顏色爲#999form
好比: <input type="email" class="form-control" id="exampleInputEmail1" placeholder="請輸入您的郵箱地址">class
同時 form-control 還能夠加上 焦點的效果:即 (鼠標單擊輸入框,使其得到焦點就能夠看到加入藍色邊框效果) 要讓控件在焦點狀態下有上面樣式效果,須要給控件添加類名「form-control」email