bootstrap入門 表單(控制項2)

2021-06-28 21:00:31 字數 1988 閱讀 2069

為了圖示正常載入,引入網路端的bootstrap外部樣式表
<

p>靜態控制項

p>

<

p>請按照我的格式輸入[email protected]

p>

<

pclass="form-control-static">請按照我的格式輸入[email protected]

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來指定標籤和空間各自所佔的距離,...