Bootstrap筆記

.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開發學習資料分享哦!

發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章