Bootstrap實戰(zhàn)

前言
第1章　為什么要學習Bootstrap  1
1.1　Bootstrap概述  2
1.1.1　Bootstrap的歷史  2
1.1.2　選擇Bootstrap的理由  3
1.1.3　一位程序員的話  4
1.1.4　Bootstrap構成模塊  5
1.2　Bootstrap功能介紹  7
1.2.1　Bootstrap主要特色  7
1.2.2　Bootstrap主要功能  8
1.3　Bootstrap應用項目賞析  9
1.3.1　Bootstrap優(yōu)秀網站  10
1.3.2　Bootstrap優(yōu)秀插件  11
1.4　Bootstrap版本變化  12
1.5　Bootstrap開發(fā)工具和參考資源  16
1.5.1　Bootstrap開發(fā)工具  16
1.5.2　Bootstrap參考資源  16
第2章　使用Bootstrap的準備  18
2.1　下載和定制Bootstrap  19
2.1.1　下載Bootstrap  19
2.1.2　定制Bootstrap  20
2.2　Bootstrap的文件結構  24
2.2.1　源碼版Bootstrap文件結構  24
2.2.2　編譯版Bootstrap文件結構  26
2.3　Bootstrap應用解析  27
2.3.1　安裝Bootstrap  27
2.3.2　Bootstrap架構解析  28
2.3.3　設計Bootstrap網頁模板  28
2.4　開發(fā)第一個Bootstrap示例  30
2.4.1　設計交互組件  30
2.4.2　設計頁面版式  31
第3章　Bootstrap框架解析  36
3.1　設計全局樣式表  37
3.1.1　CSS全局樣式設計思路  37
3.1.2　CSS規(guī)范和樣式重用  39
3.1.3　CSS重設  41
3.2　柵格系統(tǒng)  43
3.2.1　網頁柵格系統(tǒng)的設計技法  43
3.2.2　解析960柵格系統(tǒng)  46
3.2.3　Bootstrap柵格系統(tǒng)  50
3.2.4　響應式Bootstrap柵格系統(tǒng)  54
3.3　Bootstrap布局  58
3.3.1　固定式布局  58
3.3.2　流式布局  59
3.3.3　布局嵌套  60
3.4　響應式設計  61
3.4.1　什么是響應式設計  61
3.4.2　設計響應式圖片  64
3.4.3　設計響應式布局結構  67
3.4.4　自適應顯示/隱藏頁面內容  72
3.4.5　響應式設計流程和實戰(zhàn)  76
3.4.6　響應式Bootstrap  81
第4章　優(yōu)化CSS樣式  84
4.1　頁面排版優(yōu)化  85
4.1.1　標題和字體風格  85
4.1.2　文本強調風格  88
4.1.3　文本對齊風格  90
4.1.4　縮略語風格  90
4.1.5　地址風格  91
4.1.6　引用風格  91
4.1.7　列表風格  93
4.1.8　代碼風格  95
4.2　表格優(yōu)化設計  98
4.2.1　優(yōu)化表格結構  98
4.2.2　默認風格  98
4.2.3　表格個性風格  100
4.2.4　表格行風格  102
4.3　表單優(yōu)化設計  103
4.3.1　Bootstrap支持的表單控件  103
4.3.2　Bootstrap擴展的表單組件  106
4.3.3　默認風格  109
4.3.4　布局風格  110
4.3.5　外觀風格  111
4.3.6　狀態(tài)風格  115
4.4　按鈕設計  117
4.4.1　默認風格  117
4.4.2　定制風格  119
4.4.3　狀態(tài)風格  120
4.5　圖片和圖標設計  121
4.5.1　圖片風格  121
4.5.2　圖標風格  122
第5章　CSS動態(tài)樣式——LESS  126
5.1　為什么要使用LESS  127
5.1.1　LESS概述  127
5.1.2　LESS的優(yōu)勢  127
5.1.3　LESS參考和工具  128
5.2　如何使用LESS  130
5.2.1　在客戶端使用LESS  130
5.2.2　在服務器端使用LESS  134
5.3　LESS包含哪些內容  140
5.3.1　LESS基本特性  140
5.3.2　LESS主要功能  143
5.3.3　LESS和SASS  143
5.4　LESS動態(tài)語法  145
5.4.1　變量  145
5.4.2　混合  146
5.4.3　參數混合  146
5.4.4　模式匹配  148
5.4.5　條件表達式  151
5.4.6　嵌套規(guī)則  154
5.4.7　運算  156
5.4.8　顏色函數  156
5.4.9　數學函數  158
5.4.10　作用域  158
5.4.11　命名空間  159
5.4.12　注釋  160
5.4.13　導入  161
5.4.14　字符串插值  161
5.4.15　轉義字符  161
5.4.16　JavaScript表達式  162
5.5　Bootstrap與LESS結合  163
5.5.1　基于LESS的Bootstrap  163
5.5.2　Bootstrap變量  164
5.5.3　Bootstrap混合  169
第6章　使用Bootstrap組件  173
6.1　下拉菜單  174
6.1.1　快速體驗下拉菜單  174
6.1.2　設計下拉菜單  177
6.1.3　設計多級下拉菜單  178
6.1.4　設置下拉菜單選項  179
6.2　按鈕組  182
6.2.1　設計按鈕組  182
6.2.2　設計按鈕導航條  183
6.2.3　設計按鈕布局  183
6.3　按鈕式下拉菜單  184
6.3.1　設計按鈕式下拉菜單  184
6.3.2　設計分隔樣式  185
6.3.3　設計按鈕式下拉菜單布局  185
6.4　導航  186
6.4.1　設計導航組件  186
6.4.2　設置導航選項  187
6.4.3　綁定導航和下拉菜單  189
6.4.4　設計導航列表  190
6.4.5　激活標簽頁  191
6.4.6　設計標簽頁布局  193
6.5　導航條  194
6.5.1　設計導航條  194
6.5.2　綁定表單和下拉菜單  196
6.5.3　導航條布局  198
6.6　面包屑和分頁  201
6.6.1　設計面包屑  202
6.6.2　設計分頁組件  203
6.6.3　設置分頁選項  204
6.6.4　設計翻頁組件  206
6.7　標簽與徽章  207
6.8　縮略圖  209
6.8.1　關于圖像占位符  209
6.8.2　設計縮略圖  210
6.9　警告框  213
6.9.1　設計警告框  213
6.9.2　添加關閉按鈕  215
6.10　進度條  215
6.10.1　設計進度條  216
6.10.2　設置個性進度條  217
6.11　媒體  218
6.11.1　媒體版式  218
6.11.2　媒體列表  219
6.12　版式  220
6.12.1　Hero區(qū)塊  220
6.12.2　頁面標題  221
6.13　其他組件  222
6.13.1　Well  222
6.13.2　關閉圖標  223
6.13.3　輔助類  223
第7章　使用Bootstrap插件  224
7.1　JavaScript插件開發(fā)概述  225
7.1.1　使用Bootstrap插件  225
7.1.2　過渡效果  227
7.2　模態(tài)對話框  228
7.2.1　設計對話框  228
7.2.2　調用對話框  230
7.2.3　應用對話框  232
7.3　下拉項  234
7.4　滾動監(jiān)聽  235
7.4.1　使用滾動監(jiān)聽插件  236
7.4.2　控制滾動監(jiān)聽  239
7.5　標簽頁  241
7.5.1　使用標簽頁插件  241
7.5.2　控制標簽頁插件  243
7.6　工具提示  244
7.6.1　使用工具提示插件  245
7.6.2　控制工具提示插件  246
7.7　彈出提示  247
7.7.1　使用彈出提示插件  248
7.7.2　控制彈出提示插件  249
7.8　警告框  251
7.9　按鈕  253
7.10　折疊  256
7.10.1　使用折疊插件  256
7.10.2　控制折疊插件  259
7.11　輪播  262
7.11.1　使用輪播插件  262
7.11.2　控制輪播插件  264
7.12　輸入提示  268
7.13　附加導航  270
第8章　Bootstrap擴展  274
8.1　針對IE6、IE7的Bootstrap擴展  275
8.1.1　使用Bsie插件  276
8.1.2　手動修補Bsie  277
8.2　Bootstrap Metro  278
8.3　顏色選擇器  282
8.3.1　使用顏色選擇器  282
8.3.2　配置顏色選擇器  283
8.4　日期選擇器  286
8.4.1　使用日期選擇器  286
8.4.2　配置日期選擇器  287
8.5　jQuery UI Bootstrap  293
第9章　使用Bootstrap快速開發(fā)社區(qū)分享網站  300
9.1　準備工作  301
9.1.1　定制Bootstrap  301
9.1.2　初始化Bootstrap  302
9.2　首頁設計  303
9.2.1　設計思路  303
9.2.2　設計結構  305
9.2.3　設計主菜單和按鈕  306
9.2.4　設計輪播廣告位  308
9.2.5　設計新聞區(qū)和版權區(qū)版式  311
9.3　閱讀頁設計  312
9.3.1　設計響應式主菜單  313
9.3.2　設計附加導航菜單  314
9.3.3　設計頁面版式  315
9.4　小組頁設計  317
9.5　打卡頁設計  320
9.5.1　設計頁面柵格系統(tǒng)  320
9.5.2　設計滾動監(jiān)聽和附加導航  322
9.6　詞根頁設計  323
第10章　Bootstrap內核解碼  326
10.1　定義jQuery插件  327
10.1.1　jQuery插件形式  327
10.1.2　jQuery插件規(guī)范  327
10.1.3　jQuery插件封裝  329
10.1.4　jQuery插件優(yōu)化  331
10.2　Bootstrap設計思想  336
10.2.1　類型化  336
10.2.2　松散與耦合處理  338
10.2.3　繼承和可擴展性  340
10.3　Bootstrap框架解析  342
10.3.1　源碼結構  342
10.3.2　類定義  343
10.3.3　插件定義  345
10.3.4　命名沖突解決  347
10.3.5　數據接口  347
10.4　Bootstrap內核解疑  347
10.4.1　封裝形式  348
10.4.2　啟用嚴格模式  349
10.4.3　插件中的this  353"