基礎表單
水平表單
內聯表單
.form-group通常將一組控制項放在該類裡，設定下邊距
單行輸入框
form-control讓控制項在各種表單風格中樣式不出錯
placeholder提示輸入
下拉選擇框
1
1
核取方塊
單選框
.checkbox-inline按鈕水平排列，在label中新增
按鈕
控制項大小
.input-sm讓控制項比正常大小更小
.input-lg讓控制項比正常大小更大
控制項狀態
禁用狀態
成功狀態
如果你想讓表單在對應的狀態下顯示 icon 出來，只需要在對應的狀態下新增類名「has-feedback」 如：
成功狀態
你輸入的資訊是正確的
.has-warning警告狀態（黃色）glyphicon-warning-sign
.has-error錯誤狀態（紅色）glyphicon-remove
.has-success成功狀態（綠色）glyphicon-ok
影象img-responsive響應式，主要針對於響應式設計
img-rounded圓角
img-circle圓形
img-thumbnail縮略
圖示
Bootstrap橫向表單
在form上應用.form horizontal 2.使用柵格系統 3.實際操作 1 新建乙個demo03.html，接著再開啟demo03.html，將移動裝置優和css檔案先匯入到標頭檔案 貼上過來就行了 儲存一下。name viewport 移動裝置優 content width device...
bootstrap 表單樣式
為了獲得乙個好看的form表單空間，我們需要如下的操作 效果圖如下 我們首先通過form horizontal類來指定我們的表單空間是水平排列的，即標籤和輸入框在乙個水平線上，然後我們通過form group來使得表單控制項佔滿整個容器的寬度，然後通過col sm x來指定標籤和空間各自所佔的距離，...
bootstrap入門 表單樣式
linkhref bootstrap.min.css rel stylesheet 插入bootstrap外部樣式表 divclass form group label 使用者名稱 label inputtype email class form control placeholder email ...