Bootstrap 響應式 Web 開發

黑馬程序員

傳智播客所屬高端IT教育品牌，成立於2006年，由中國Java培訓先行者張孝祥老師發起，
聯合全球最大的中文IT社區CSDN，中關村軟件園共同創立的一家專業教育機構。
辦學至今，我們一直堅守著“為千萬人少走彎路而著書，為中華軟件之崛起而講課”的辦學理念，
堅持培養優秀軟件應用工程師的宏偉目標，在逐步培養的十萬餘名教材中，
其中90％的學者均已在北，上，廣等一線城市高薪就業。

第1章初識Bootstrap 001
1.1 Bootstrap概述001
1.1.1什麼是Bootstrap 001
1.1.2 Bootstrap的特點001
1.1.3 Bootstrap的組成002
1.2瀏覽器003
1.2.1 PC端的瀏覽器003
1.2.2移動端設備003
1.2.3移動端的瀏覽器005
1.3 Visual Studio代碼編輯器005
1.3.1什麼是Visual Studio代碼005
1.3.2下載和安裝Visual Studio代碼005
1.3.3使用Visual Studio代碼006
1.4移動Web開發的主流方案007
1.4.1單獨製作移動端頁面008
1.4.2製作響應式頁面008
本章小結010
課後練習010

第2章移動Web開發基礎（上）012
2.1視口012
2.1.1什麼是視口012
2.1.2利用Chrome瀏覽器模擬手機屏幕013
2.1.3利用標籤設置視口016
2.1.4視口的常用設置017
2.2移動Web頁面的樣式編寫017
2.2.1利用Normalize.css初始化默認樣式017
2.2.2設置box-sizing為border-box 019
2.2.3設置移動端的特殊樣式021
2.3分辨率和設備推測比022
2.3.1分辨率022
2.3.2設備後果比023
2.4二倍圖023
2.4.1什麼是二倍圖023
2.4.2背景圖片的縮放024
2.4.3實現背景圖片的二倍圖027
2.5 SVG標誌027
2.5.1什麼是SVG 028
2.5.2標籤和样式028
2.5.3從外部約會SVG文件029
本章小結031
課後練習031

第3章移動Web開發基礎（下）033
3.1 HTML5常用API 033
3.1.1檢測網絡連接033
3.1.2全屏操作035
3.1.3文件讀取037
3.1.4地理定位041
3.1.5拖曳052
3.1.6網絡存儲055
3.1.7播放視頻和音頻059
3.2移動端常用事件065
3.2.1 touch事件概述065
3.2.2 touch事件實現輪播圖效果067
3.2.3模擬移動端前後事件071
3.3移動端常用插件072
3.3.1 Fastclick插件的使用072
3.3.2利用Fastclick處理點透事件073
3.3.3 iScroll插件的使用075
3.3.4滑動插件的使用077
3.3.5 Swiper插件的使用079
本章小結081
課後練習081

第4章移動端頁面佈局083
4.1移動端頁面常用佈局083
4.2流式佈局084
4.3彈性盒佈局086
4.3.1什麼是彈性盒佈局086
4.3.2彈性盒佈局常用屬性087
4.4媒體查詢091
4.4.1什麼是媒體查詢091
4.4.2響應式佈局容器091
4.5 Rem適應佈局093
4.5.1 rem單位093
4.5.2通過媒體查詢和rem單位實現元素大小動態變化094
4.6薩斯095
4.6.1什麼是Sass 095
4.6.2在Node.js環境中使用Sass 096
4.6.3 Sass語法格式097
4.6.4 Sass編譯098
4.6.5 Sass嵌入098
4.6.6 Sass運算099
4.7減100
4.7.1什麼是Less 100
4.7.2 Less語法格式100
4.7.3更少編譯101
4.8引導程序響應式佈局102
4.8.1下載Bootstrap 102
4.8.2預編譯的Bootstrap 103
4.8.3引導源文件104
4.8.4使用Bootstrap CDN 104
4.8.5引導初體驗105
本章小結106
課後練習107

第5章Bootstrap附加系統108
5.1一級系統簡介108
5.1.1概述系統概述108
5.1.2動手實現簡單版附件系統109
5.2 Bootstrap佈局容器111
5.2.1佈局容器111
5.2.2 .container-fluid類112
5.2.3。容器類113
5.3主軸系統的基本使用114
5.3.1主軸系統的行和列114
5.3.2學生信息表格案例115
5.4應用於系統的屏幕適應117
5.4.1光纖系統的類前端117
5.4.2使用類預設設置列的寬度117
5.4.3利用無人機系統實現導航欄效果119
5.5最高系統中列的操作121
5.5.1排名系統中的列嵌套121
5.5.2排名系統中的列改為122
本章小結124
課後練習124

第6章Bootstrap框架通用組件126
6.1組件基礎126
6.1.1什麼是組件126
6.1.2組件的優勢126
6.1.3引導程序組件的依賴文件127
6.2引導程序通用組件127
6.2.1約會依賴文件128
6.2.2按鈕128
6.2.3導航130
6.2.4麵包屑導航131
6.2.5分頁132
6.2.6列表133
6.2.7表單134
6.2.8按鈕組135
6.2.9輸入框組136
6.3引導程序實現菜單功能137
6.3.1約會依賴文件137
6.3.2折疊菜單138
6.3.3拖動菜單139
6.4引導實現輪播圖功能140
6.4.1什麼是輪播圖141
6.4.2輪播圖的功能分析141
6.4.3輪播圖活動信息142
6.4.4輪播圖左側箭頭143
6.4.5輪播圖右側箭頭143
6.4.6輪播圖指標144
本章小結144
課後練習144

第7章Bootstrap常用佈局樣式146
7.1內容佈局146
7.1.1標題類146
7.1.2文本類149
7.1.3列表類154
7.2代碼和圖文佈局157
7.2.1代碼樣式157
7.2.2圖文樣式158
7.3表格佈局163
7.4輔助樣式165
7.4.1邊框樣式165
7.4.2背景顏色166
本章小結167
課後練習168

第8章綜合項目-潮流穿搭網站169
8.1項目分析169
8.1.1項目展示169
8.1.2創建項目目錄結構172
8.2前期準備172
8.2.1設置元素間距172
8.2.2設置字體圖標173
8.2.3頁面初始化174
8.2.4頁面結構174
8.3代碼講解175
8.3.1導航欄模塊175
8.3.2輪播圖模塊178
8.3.3潮流穿搭技巧模塊180
8.3.4潮流穿搭風格模塊182
8.3.5潮流穿搭新聞模塊184
8.3.6合作夥伴和著作權聲明模塊185
本章小結187
課後練習187