1.bootstrap表單
目前成都創(chuàng)新互聯(lián)已為上1000家的企業(yè)提供了網(wǎng)站建設、域名、網(wǎng)頁空間、網(wǎng)站改版維護、企業(yè)網(wǎng)站設計、筠連網(wǎng)站維護等服務,公司將堅持客戶導向、應用為本的策略,正道將秉承"和諧、參與、激情"的文化,與客戶和合作伙伴齊心協(xié)力一起成長,共同發(fā)展。(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響應式查詢區(qū)間:
(1)>=768
(2)>=992
(3)>=1200
container
流體容器
響應式容器4.bootstrap柵格系統(tǒng)
bootstrap將頁面橫向分為12等分,按照12等分定義了適應不同寬度等分的樣式類,這些樣式類組成了一套響應式、移動設備優(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):響應式原理
柵格
柵格系統(tǒ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 定義按鈕組
按鈕
按鈕
另外有需要云服務器可以了解下創(chuàng)新互聯(lián)cdcxhl.cn,海內(nèi)外云服務器15元起步,三天無理由+7*72小時售后在線,公司持有idc許可證,提供“云服務器、裸金屬服務器、高防服務器、香港服務器、美國服務器、虛擬主機、免備案服務器”等云主機租用服務以及企業(yè)上云的綜合解決方案,具有“安全穩(wěn)定、簡單易用、服務可用性高、性價比高”等特點與優(yōu)勢,專為企業(yè)上云打造定制,能夠滿足用戶豐富、多元化的應用場景需求。
網(wǎng)頁名稱:bootstrap表單-創(chuàng)新互聯(lián)
本文網(wǎng)址:http://weahome.cn/article/csddih.html