1.表單-form-control
input、select、textarea
“form-control”效果:
*1、寬度變成了100%
*2、設置了一個淺灰色(#ccc)的邊框
*3、具有4px的圓角
*4、設置陰影效果,并且元素得到焦點之時,陰影和邊框效果會有所變化
*5、設置了placeholder的顏色為#999
2. 表單水平-form-horizontal
默認是垂直風格,但多數我們要水平的,實現水平表單效果,必須滿足以下兩個條件:
1、使用類名“form-horizontal”。
2、配合Bootstrap的網格系統。
<form class="form-horizontal" role="form">
水平表單代碼
3. 表單 一行內顯示-form-inline
4. 表單 伴隨標簽 一行內顯示
要在input前加label標簽時,會導致input換行。如果你必須label標簽,并且不想讓input換行,你需要將label標簽也放在容器“form-group”中
5.