boostrap 類的使用 form-control

固然表單除了這幾個元素以外,還有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

相關文章
相關標籤/搜索