.navbar——設置nav元素爲導航條組件;//已用
.navbar-default——指定導航條組件爲默認主題;//已用
.navbar-inverse——指定導航條組件爲黑色主題;
.navbar-fixed-top——設置導航條組件固定在頂部;//已用
.navbar-fixed-bottom——設置導航條組件固定在底部;
.container-fluid——設置寬度充滿父元素,即爲100%;
.navbar-header——主要指定div元素爲導航條組件包裹品牌圖標及切換按鈕;
.navbar-toggle——設置button元素爲導航條組件的切換鈕;
.collapsed——設置button元素爲在視口小於768px時才顯示;
.navbar-brand——設置導航條組件內的品牌圖標;
.collapse——設置div元素爲視口大於768px時顯示;
.navbar-collapse——設置div元素爲導航條組件各列表項的父元素;
.navbar-nav——設置ul爲導航條組件內的列表元素;
.navbar-left——設置導航條內元素向左對齊;
.navbar-right——設置導航條內元素向右對齊;
.navbar-form——爲導航條組件內部的表單組件;
.navbar-btn——爲導航條組件內部的按鈕樣式;
.navbar-text——爲導航條組件內部的文本樣式;
.navbar-link——在標準的導航組件之外添加標準鏈接,讓鏈接有正確的顏色和反色設置;
.breadcrumb——設置列表元素顯示爲路徑導航組件;
<abbr title="縮略語內容">鼠標移動在這個上面會出現縮略語</abbr>
全局CSS樣式
容器佈局
container 自動適應窗體大小,並且補內外邊距
container-fluid 流佈局,不會設置外邊距,會自動設置內邊距,用於頁面導航
禁用響應式佈局
<meta name="viewport" content="width=device-width,initial-scale=1,maximum-scale=1,user-scalable=no">
柵格
每行(row)12列(col)
基本流佈局
響應式佈局
偏移
嵌套
排序
交流互動,請加QQ365709635有web開發學習資料分享哦!