Bootstrap用戶手冊

這本書教你怎麼用Bootstrap框架輕鬆設計出“殺手級”界面及響應式網站。從怎麼用Bootstrap的HTML/CSS工具和現成模板構建頁面開始，逐步深入地掌握它內置的交互組件和jQuery插件，常常是一行代碼都不用寫。

作為源自Twitter的一個開源框架，而且可以從GitHub上自由下載，Bootstrap推崇“移動優先”（Mobile First）的設計理念，還支持動態調整網頁佈局、創建響應式網站。只要稍微懂一些HTML、CSS和JavaScript，就可以創建出在桌面顯示器、智能手機和平板電腦中看起來同樣完美的網站或應用。這本書會告訴你怎麼做。

第1章Bootstrap提供的網站框架1
1.1 Bootstrap到底是什麼2
1.2 Bootstrap的文件結構3
1.3基本的HTML模板3
1.4全局樣式4
1.5默認網格系統4
1.5.1基本網格的HTML 5
1.5.2平移列5
1.5.3嵌套列6
1.6流式網格系統6
1.7容器佈局7
1.8響應式設計8

第2章Bootstrap預定義的CSS樣式11
2.1排版12
2.1.1標題12
2.1. 2強調段落13
2.1.3強調內容13
2.1.4粗體13
2.1.5斜體13
2.1.6強調相關的類14
2.1.7列表17
2.2代碼20
2.3表格20
2.3.1可選的表格類22
2.3.2表格行的類23
2.4表單24
2.4.1可選的表單佈局25
2.4.2內置支持的表單控件27
2.4 .3擴展的表單控件30
2.4.4設置控件大小31
2.4.5表單控件的狀態35
2.5按鈕37
2.5.1按鈕大小39
2.5.2禁用按鈕的樣式40
2.6圖片41
2.7圖標41
2.7.1感謝GLYPHICONS提供圖標42
2.7.2用法43

第3章Bootstrap內置的佈局組件45
3.1下拉菜單46
3.2按鈕組47
3.3按鈕下拉菜單49
3.3.1分隔式按鈕下拉菜單50
3.3.2上拉菜單51
3.4導航元素52
3.4.1標籤形導航52
3.4.2膠囊形導航52
3.4.3垂直堆疊的導航53
3.4.4導航加下拉菜單54
3.4.5導航列表55
3.4.6可切換的標籤導航57
3.5導航條60
3.5.1導航條鏈接60
3.5.2表單61
3.5.3導航條菜單62
3.6麵包屑式導航64
3.7分頁導航65
3.8標籤68
3.9圓標籤69
3.10排版相關的元素69
3.10.1重頭消息69
3.10.2頁面標題70
3.11縮略圖70
3.12警示框72
3.13進度條73
3.14媒體對象75
3.15其他組件77
3.15.1窪地78
3.15.2輔助類79

第4章Bootstrap支持的JavaScript插件81
4.1概述82
4.2過渡83
4.3模態框83
4.3.1用法85
4.3.2選項85
4.3 .3方法86
4.3.4事件87
4.4下拉菜單87
4.4.1用法87
4.4.2通過JavaScript使用下拉菜單88
4.4.3方法89
4.5滾動監控器89
4.5.1用法89
4.5.2 .scrollspy('refresh ')方法90
4.5.3選項90
4.5.4事件91
4.6可切換的標籤頁91
4.6.1用法92
4.6.2事件92
4.7提示條93
4.7.1用法93
4.7.2選項93
4.7.3方法94
4.8彈出層95
4.8.1用法96
4.8.2選項96
4.8.3方法97
4.9警示框97
4.9.1用法98
4.9.2關閉方法98
4.9.3事件98
4.10按鈕99
4.10.1加載狀態99
4.10.2單選開關99
4.10.3複選按鈕100
4.10.4單選按鈕100
4.10. 5用法.100
4.10.6方法.101
4.11折疊框101
4.11.1用法103
4.11.2選項103
4.11.3方法104
4.11.4事件104
4.12傳送帶105
4.12.1用法106
4.12.2選項106
4.12.3方法106
4.12.4事件107
4.13預先輸入108
4.13.1用法108
4.13.2選項109
4.14粘條109
4.14.1用法110
4.14.2選項110

第5章實際使用Bootstrap 111
5.1 GitHub項目112
5.2定制Bootstrap 112
5.2.1使用LESS 113
5.2.2 Snippets插件115
5.2.3 Photoshop模板115
5.2.4主題116
5.3獲得靈感117
5.4小結117
作者及封面介紹118