本書它用淺顯易懂的方式,幫助大家掌握各種技術訣竅,進而了解Bootstrap的各種復雜細節。第1章是對Bootstrap的簡短介紹;第2章以實際演練的方式討論了Bootstrap的組成和相關信息;第3章介紹了Bootstrap柵格類的使用;第4章介紹了CSS的各種知識;第5章學習字體圖標和路徑導航這類流行的組件;第6章對其他一些組件進行廣泛深入的介紹;第7章使用Javascript以增強用戶體驗;第8章介紹了一些第三方工具和主題,從而簡化了Bootstrap的網頁設計體驗。
Contents 目錄
譯者序
作者簡介
審校者簡介
前言
第1章 Bootstrap入門 1
1.1 移動優先的設計 1
1.2 為什么選擇Bootstrap 3
1.3 小結 6
第2章 Bootstrap的安裝與定制 7
2.1 在HTML文件中包含Bootstrap 8
2.2 Bootstrap CDN 10
2.3 用自定義的CSS進行覆蓋 12
2.4 使用Bootstrap定制程序 15
2.5 Bootstrap的深度定制 17
2.6 下載Bootstrap源代碼 18
2.7 編譯LESS文件 20
2.7.1 使用SimpLESS編譯LESS文件 21
2.7.2 使用WinLess編譯LESS文件 22
2.7.3 使用命令行編譯LESS文件 23
2.8 整合 23
2.9 小結 31
第3章 使用Bootstrap柵格 32
3.1 使用Bootstrap柵格類 33
3.1.1 添加行與列 34
3.1.2 為小型設備定制柵格 37
3.1.3 為列添加偏移 39
3.1.4 推拉列 40
3.1.5 嵌套列 42
3.2 使用Bootstrap變量和mixin 44
3.2.1 Bootstrap柵格變量 45
3.2.2 Bootstrap柵格mixin 45
3.3 使用Bootstrap柵格mixin和變量創建博客布局 46
3.4 小結 57
第4章 使用基本CSS樣式 58
4.1 實現Bootstrap基本CSS樣式 59
4.1.1 標題 59
4.1.2 頁面主體 63
4.1.3 排版元素 64
4.1.4 表格 78
4.1.5 按鈕 82
4.1.6 表單 84
4.1.7 代碼 88
4.1.8 圖片 90
4.1.9 字體系列 91
4.1.10 字體尺寸 92
4.2 使用LESS變量自定義基本CSS樣式 93
4.3 小結 97
第5章 添加Bootstrap組件 98
5.1 組件及其用途 99
5.1.1 字體圖標 99
5.1.2 導航標簽頁 102
5.1.3 膠囊式標簽頁 104
5.1.4 兩端對齊的標簽和膠囊式標簽 105
5.1.5 下拉菜單 106
5.1.6 導航條 108
5.1.7 路徑導航 111
5.2 小結 113
第6章 組件的更多功能 114
6.1 用組件簡化網頁設計項目 115
6.1.1 巨幕 116
6.1.2 頁頭 117
6.1.3 well 118
6.1.4 徽章 119
6.1.5 標簽 120
6.1.6 進度條 121
6.1.7 面板 122
6.1.8 縮略圖 125
6.1.9 分頁 126
6.1.10 列表組 128
6.1.11 按鈕組 129
6.1.12 按鈕工具欄 132
6.1.13 分裂式按鈕下拉菜單 133
6.1.14 兩端對齊排列的按鈕組 135
6.1.15 復選框和單選按鈕 135
6.1.16 警告框 137
6.1.17 媒體對象 139
6.1.18 具有響應式特性的嵌入內容 140
6.2 小結 143
第7章 使用JavaScript增強用戶體驗 144
7.1 使用官方插件簡化項目設計 145
7.1.1 工具提示 145
7.1.2 彈出框 147
7.1.3 折疊面板 149
7.1.4 滾動監聽 152
7.1.5 模態窗 156
7.1.6 輪播 158
7.2 小結 160
第8章 Bootstrap技術中心—Bootstrap工具介紹 161
8.1 主題和模板 162
8.1.1 開源主題和模板 162
8.1.2 商業主題和模板 163
8.2 現成的資源和插件 164
8.2.1 Font Awesome 164
8.2.2 Bootstrap的Social Buttons165
8.2.3 Bootstrap Magic 165
8.2.4 Jasny Bootstrap 166
8.2.5 Fuel UX 167
8.2.6 Bootsnipp 169
8.2.7 Bootdey 170
8.2.8 BootBundle 172
8.2.9 Start Bootstrap 172
8.3 開發工具和編輯器 173
8.3.1 Bootply 173
8.3.2 LayoutIt 174
8.3.3 UI Bootstrap 175
8.3.4 Kickstrap 175
8.3.5 ShoeStrap 175
8.3.6 StrapPress 175
8.3.7 Summernote 176
8.4 官方的Bootstrap資源 176
8.4.1 Bootlint 176
8.4.2 Bootstrap with SaaS 176
8.4.3 Bootstrap Expo 177
8.5 小結 177