為了圖示正常載入,引入網路端的bootstrap外部樣式表
<p>靜態控制項
p>
<
p>請按照我的格式輸入zhangyugege@163.com
p>
<
pclass="form-control-static">請按照我的格式輸入zhangyugege@163.com
p> 好像沒什麼區別啊
<p>焦點狀態 陰影效果 不允許輸入或禁用狀態
p>
<
pclass="form-control"type="text"placeholder="hello"disabled>
p>
<
fieldsetdisabled>
<
formrole="form">
<
inputclass="form-control"type="text"readonly>
form>
fieldset> 以上兩者都能實現禁用狀態
has-warning黃色
has-success綠色
has-error紅色 為輸入框新增邊框顏色
<spanclass="glyphicon glyphicon-ok form-control-feedback">
span> 在邊框後部新增
圖示,名字叫
glyphicon glyphicon-ok(中間有空格),各種圖示詳見api的conponents 並設定
form-control-feedback 在div上也要設定
has-feedback 反饋
bootstrap入門 表單樣式
linkhref bootstrap.min.css rel stylesheet 插入bootstrap外部樣式表 divclass form group label 使用者名稱 label inputtype email class form control placeholder email ...
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來指定標籤和空間各自所佔的距離,...