Bootstrap筆記

.navbar——設(shè)置nav元素為導(dǎo)航條組件；//已用

.navbar-default——指定導(dǎo)航條組件為默認(rèn)主題；//已用

.navbar-inverse——指定導(dǎo)航條組件為黑色主題；

.navbar-fixed-top——設(shè)置導(dǎo)航條組件固定在頂部；//已用

.navbar-fixed-bottom——設(shè)置導(dǎo)航條組件固定在底部；

.container-fluid——設(shè)置寬度充滿(mǎn)父元素，即為100%；

.navbar-header——主要指定div元素為導(dǎo)航條組件包裹品牌圖標(biāo)及切換按鈕；

.navbar-toggle——設(shè)置button元素為導(dǎo)航條組件的切換鈕；

.collapsed——設(shè)置button元素為在視口小于768px時(shí)才顯示；

.navbar-brand——設(shè)置導(dǎo)航條組件內(nèi)的品牌圖標(biāo)；

.collapse——設(shè)置div元素為視口大于768px時(shí)顯示；

.navbar-collapse——設(shè)置div元素為導(dǎo)航條組件各列表項(xiàng)的父元素；

.navbar-nav——設(shè)置ul為導(dǎo)航條組件內(nèi)的列表元素;

.navbar-left——設(shè)置導(dǎo)航條內(nèi)元素向左對(duì)齊；

.navbar-right——設(shè)置導(dǎo)航條內(nèi)元素向右對(duì)齊；

.navbar-form——為導(dǎo)航條組件內(nèi)部的表單組件；

.navbar-btn——為導(dǎo)航條組件內(nèi)部的按鈕樣式；

.navbar-text——為導(dǎo)航條組件內(nèi)部的文本樣式；

.navbar-link——在標(biāo)準(zhǔn)的導(dǎo)航組件之外添加標(biāo)準(zhǔn)鏈接，讓鏈接有正確的顏色和反色設(shè)置；

.breadcrumb——設(shè)置列表元素顯示為路徑導(dǎo)航組件；

<abbr title="縮略語(yǔ)內(nèi)容">鼠標(biāo)移動(dòng)在這個(gè)上面會(huì)出現(xiàn)縮略語(yǔ)</abbr>

全局CSS樣式

容器布局

container 自動(dòng)適應(yīng)窗體大小，并且補(bǔ)內(nèi)外邊距

container-fluid 流布局，不會(huì)設(shè)置外邊距，會(huì)自動(dòng)設(shè)置內(nèi)邊距，用于頁(yè)面導(dǎo)航

禁用響應(yīng)式布局

<meta name="viewport" content="width=device-width,initial-scale=1,maximum-scale=1,user-scalable=no">

柵格

每行（row）12列（col）

基本流布局

響應(yīng)式布局

偏移

嵌套

排序

交流互動(dòng)，請(qǐng)加QQ365709635有web開(kāi)發(fā)學(xué)習(xí)資料分享哦！