真实的国产乱ⅩXXX66竹夫人,五月香六月婷婷激情综合,亚洲日本VA一区二区三区,亚洲精品一区二区三区麻豆

成都創(chuàng)新互聯(lián)網(wǎng)站制作重慶分公司

bootstrap表單

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 小尺寸表單





表單








表單















        




bootstrap表單

2.bootstrap容器

container-fluid流體
container
。1170
。970
。750
。100%

3.bootstrap響應(yīng)式查詢區(qū)間:
(1)>=768
(2)>=992
(3)>=1200





container




流體容器


響應(yīng)式容器

bootstrap表單

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-3
col-lg-4
col-lg-3
col-lg-2



柵格系統(tǒng):col-md-,大于992一行

col-md-3
col-md-4
col-md-3
col-md-2



柵格系統(tǒng):col-sm-,大于768一行

col-sm-3
col-sm-4
col-sm-3
col-sm-2



柵格系統(tǒng):col-xs-,始終一行

col-xs-3
col-xs-4
col-xs-3
col-xs-2


bootstrap表單

5.柵格系統(tǒng):響應(yīng)式原理





柵格





柵格系統(tǒng):響應(yīng)式






bootstrap表單

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-5
col-lg-5
col-lg-4
col-lg-4



柵格系統(tǒng):隱藏

col-lg-4
col-lg-4
col-lg-4


bootstrap表單

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 定義按鈕組





按鈕



按鈕


bootstrap表單


網(wǎng)頁標(biāo)題:bootstrap表單
網(wǎng)站URL:http://weahome.cn/article/piohhd.html

在線咨詢

微信咨詢

電話咨詢

028-86922220(工作日)

18980820575(7×24)

提交需求

返回頂部