1.bootstrap表單
創(chuàng)新互聯(lián)公司是一家集網(wǎng)站建設(shè),華州企業(yè)網(wǎng)站建設(shè),華州品牌網(wǎng)站建設(shè),網(wǎng)站定制,華州網(wǎng)站建設(shè)報價,網(wǎng)絡(luò)營銷,網(wǎng)絡(luò)優(yōu)化,華州網(wǎng)站推廣為一體的創(chuàng)新建站企業(yè),幫助傳統(tǒng)企業(yè)提升企業(yè)形象加強企業(yè)競爭力??沙浞譂M足這一群體相比中小企業(yè)更為豐富、高端、多元的互聯(lián)網(wǎng)需求。同時我們時刻保持專業(yè)、時尚、前沿,時刻以成就客戶成長自我,堅持不斷學(xué)習(xí)、思考、沉淀、凈化自己,讓我們?yōu)楦嗟钠髽I(yè)打造出實用型網(wǎng)站。
(1)form 聲明一個表單域
(2)form-inline 內(nèi)聯(lián)表單域
(3)form-horizontal 水平排列表單域
(4)form-group 表單組、包括表單文字和表單控件
(5)form-control 文本輸入框、下拉列表控件樣式
(6)checkbox check-inline 多選框樣式
(7)radio radio-inline 單選框樣式
(8)input-group 表單控件組
(9)input-group-addon 表單控件組物件樣式
(10)input-group-btn 表單控件組物件為按鈕的樣式
(11)form-group-lg 大尺寸表單
(12)form-group-sm 小尺寸表單
表單
.glyphicon .glyphicon-heart{
color: antiquewhite;
}
表單
2.bootstrap容器
container-fluid流體
container
。1170
。970
。750
。100%3.bootstrap響應(yīng)式查詢區(qū)間:
(1)>=768
(2)>=992
(3)>=1200
container
流體容器
響應(yīng)式容器4.bootstrap柵格系統(tǒng)
bootstrap將頁面橫向分為12等分,按照12等分定義了適應(yīng)不同寬度等分的樣式類,這些樣式類組成了一套響應(yīng)式、移動設(shè)備優(yōu)先的流式柵格系統(tǒng):
(1)col-lg-大于1200排成一行,小于1200分別占一行
(2)col-md-大于992排成一行,小于992分別占一行
(3)col-sm-大于768排成一行,小于768分別占一行
(4)col-xs-始終排列成一行
container
柵格系統(tǒng):col-lg-,大于1200一行
col-lg-3col-lg-4col-lg-3col-lg-2
柵格系統(tǒng):col-md-,大于992一行
col-md-3col-md-4col-md-3col-md-2
柵格系統(tǒng):col-sm-,大于768一行
col-sm-3col-sm-4col-sm-3col-sm-2
柵格系統(tǒng):col-xs-,始終一行
col-xs-3col-xs-4col-xs-3col-xs-2
5.柵格系統(tǒng):響應(yīng)式原理
柵格
柵格系統(tǒng):響應(yīng)式
6.列偏移
(1)col-lg-offset-
(2)col-md-offset-
(3)col-sm-offset-
(4)col-xs-offset-7.柵格偏移
(1)hidden-xs
(2)hidden-sm
(3)hidden-md
(4)hidden-lg
柵格偏移
柵格系統(tǒng):col-lg-,大于1200一行
col-lg-5col-lg-5col-lg-4col-lg-4
柵格系統(tǒng):隱藏
col-lg-4col-lg-4col-lg-4
8.bootstrap 按鈕
(1)btn 聲明按鈕
(2)btn-default 默認按鈕樣式
(3)btn-primay
(4)btn-success
(5)btn-info
(6)btn-warning
(7)btn-danger
(8)btn-link
(9)btn-lg
(10)btn-md
(11)btn-xs
(12)btn-block 寬度是父級寬100%的按鈕
(13)active
(14)disabled
(15)btn-group 定義按鈕組
按鈕
按鈕