《Bootstrap實戰(zhàn)從入門到精通》一書系統(tǒng)講解了Bootstrap技術(shù)的體系結(jié)構(gòu)、基礎(chǔ)知識、組件插件以及各種深度實戰(zhàn)應(yīng)用。全書分為 3 大部分,共 19 章。第 1 部分(第 1~3 章)為 Bootstrap 基礎(chǔ)知識,主要介紹 Bootstrap 是什么,如何使用 Bootstrap,以及 Bootstrap 的技術(shù)特性;第 2 部分(第 4~13 章)為 Bootstrap 基本使用,主要介紹Bootstrap 各種組件和插件的使用,如何擴展Bootstrap,應(yīng)用Bootstrap第三方插件等;第3部分(第14~19章)為實戰(zhàn),介紹了企業(yè)網(wǎng)站、WAP網(wǎng)站、網(wǎng)絡(luò)相冊等6個利用 Bootstrap實現(xiàn)的項目,可以讓讀者了解使用Bootstrap進行前端開發(fā)的全過程。
《Bootstrap 實戰(zhàn)從入門到精通》配備了極為豐富的學(xué)習(xí)資源,其中配套資源有:238 節(jié)教學(xué)視頻(可二維碼掃描)、素材源程序;拓展學(xué)習(xí)資源有:習(xí)題及面試題庫、案例庫、工具庫、網(wǎng)頁模板庫、網(wǎng)頁配色庫、網(wǎng)頁素材庫、網(wǎng)頁案例欣賞庫等。
《Bootstrap 實戰(zhàn)從入門到精通》適合作為 Bootstrap 入門、Bootstrap 框架、JavaScript 高級程序設(shè)計、HTML5移動開發(fā)人員的參考書,也可作為高等院校網(wǎng)頁設(shè)計、網(wǎng)頁制作、網(wǎng)站建設(shè)、Web 前端開發(fā)等專業(yè)的教學(xué)參考書或相關(guān)機構(gòu)的培訓(xùn)教材。
第 1章 初識 Bootstrap
1.1 Bootstrap 概述
1.1.1 Bootstrap 發(fā)展歷史
1.1.2 Bootstrap 的版本
1.1.3 瀏覽器支持
1.2 Bootstrap 特性
1.2.1 Bootstrap 的構(gòu)成
1.2.2 Bootstrap 的特色
1.2.3 Bootstrap 的功能
1.3 Bootstrap 應(yīng)用瀏覽
1.3.1 Bootstrap 網(wǎng)站
1.3.2 Bootstrap 插件
1.4 Bootstrap 開發(fā)工具和資源
1.4.1 Bootstrap 開發(fā)工具
1.4.2 Bootstrap 資訊
第 2章 使用 Bootstrap
2.1 下載和定制 Bootstrap
2.1.1 下載 Bootstrap
2.1.2 定制 Bootstrap
2.2 認(rèn)識 Bootstrap 結(jié)構(gòu)
2.2.1 源碼版 Bootstrap文件結(jié)構(gòu)
2.2.2 編譯版 Bootstrap文件結(jié)構(gòu)
2.3 安裝 Bootstrap
2.3.1 本地安裝
2.3.2 在線安裝
2.4 案例實戰(zhàn)
2.4.1 設(shè)計按鈕
2.4.2 設(shè)計 Tabs組件
2.4.3 設(shè)計企業(yè)首頁
第 3章 Bootstrap基本架構(gòu)
3.1 響應(yīng)式設(shè)計
3.1.1 認(rèn)識響應(yīng)式設(shè)計
3.1.2 響應(yīng)式設(shè)計流程
3.1.3 設(shè)計響應(yīng)式圖片
3.1.4 設(shè)計響應(yīng)式布局結(jié)構(gòu)
3.1.5 自適應(yīng)顯示頁面
3.1.6 設(shè)計響應(yīng)式網(wǎng)站
3.2 使用 Bootstrap 柵格系統(tǒng)
3.2.1 網(wǎng)頁柵格系統(tǒng)設(shè)計基礎(chǔ)
3.2.2 認(rèn)識 Bootstrap 柵格系統(tǒng)
3.2.3 Bootstrap 響應(yīng)設(shè)備類型
3.2.4 Bootstrap 設(shè)備優(yōu)先化柵格
3.2.5 Bootstrap固定柵格和流式柵格
3.2.6 Bootstrap柵格堆疊和水平排列
3.2.7 列偏移
3.2.8 列嵌套
3.2.9 列排序
第 4章 CSS 通用樣式
4.1 版式
4.1.1 標(biāo)題
4.1.2 文本
4.1.3 強調(diào)
4.1.4 對齊
4.1.5 縮略語
4.1.6 地址
4.1.7 引用
4.1.8 列表
4.1.9 代碼
4.2 表格
4.2.1 優(yōu)化結(jié)構(gòu)
4.2.2 默認(rèn)風(fēng)格
4.2.3 個性風(fēng)格
4.2.4 表格行風(fēng)格
4.2.5 響應(yīng)式表格
4.3 表單
4.3.1 可支持表單控件
4.3.2 默認(rèn)風(fēng)格
4.3.3 布局風(fēng)格
4.3.4 外觀風(fēng)格
4.3.5 狀態(tài)風(fēng)格
4.4 按鈕
4.4.1 默認(rèn)風(fēng)格
4.4.2 定制風(fēng)格
4.4.3 狀態(tài)風(fēng)格
4.5 圖片
4.6 工具類
4.6.1 小工具類
4.6.2 響應(yīng)式工具
第 5章 CSS 組件(上)
5.1 正確使用 CSS組件
5.2 下拉菜單
5.2.1 定義下拉菜單
5.2.2 設(shè)置下拉菜單
5.3 按鈕組
5.3.1 定義按鈕組
5.3.2 定義按鈕導(dǎo)航條
5.3.3 設(shè)計按鈕布局和樣式
5.4 按鈕式下拉菜單
5.4.1 定義按鈕式下拉菜單
5.4.2 設(shè)計分隔樣式
5.4.3 設(shè)計向上彈出式菜單
5.5 導(dǎo)航
5.5.1 定義導(dǎo)航組件
5.5.2 設(shè)置導(dǎo)航選項
5.5.3 綁定導(dǎo)航和下拉菜單
5.5.4 激活標(biāo)簽頁
5.6 導(dǎo)航條
5.6.1 定義導(dǎo)航條
5.6.2 綁定對象
5.6.3 設(shè)計導(dǎo)航條
第 6章 CSS 組件(下)
6.1 面包屑和分頁
6.1.1 定義面包屑
6.1.2 定義分頁組件
6.1.3 設(shè)置分頁選項
6.1.4 定義翻頁組件
6.2 標(biāo)簽和徽章
6.3 縮略圖
6.3.1 認(rèn)識圖像占位符
6.3.2 定義縮略圖
6.4 警告框
6.4.1 定義警告框
6.4.2 添加關(guān)閉按鈕
6.4.3 添加鏈接
6.5 進度條
6.5.1 定義進度條
6.5.2 設(shè)置個性進度條
6.6 媒體
6.6.1 媒體版式
6.6.2 媒體列表
6.7 版式
6.7.1 大屏幕區(qū)塊
6.7.2 頁面標(biāo)題
6.7.3 列表組
6.7.4 面板
6.7.5 Well
6.8 輸入框
6.8.1 修飾文本框
6.8.2 設(shè)計尺寸
6.8.3 按鈕文本框
6.8.4 按鈕式下拉菜單
6.8.5 定義分段按鈕下拉菜單
6.9 字體圖標(biāo)
第 7章 JavaScript 插件(上)
7.1 插件概述
7.1.1 插件分類
7.1.2 安裝插件
7.1.3 調(diào)用插件
7.1.4 共享插件
7.1.5 事件
7.1.6 過渡效果
7.2 模態(tài)框
7.2.1 定義模態(tài)框
7.2.2 調(diào)用模態(tài)框
7.2.3 控制模態(tài)框
7.2.4 添加用戶行為
7.3 下拉菜單
7.3.1 調(diào)用下拉菜單
7.3.2 添加用戶行為
7.4 滾動監(jiān)聽
7.4.1 定義滾動監(jiān)聽
7.4.2 調(diào)用滾動監(jiān)聽
7.4.3 添加用戶行為
7.5 標(biāo)簽頁
7.5.1 定義標(biāo)簽頁
7.5.2 調(diào)用標(biāo)簽頁
7.5.3 添加用戶行為
7.6 工具提示
7.6.1 定義工具提示
7.6.2 調(diào)用工具提示
7.6.3 添加用戶行為
第 8章 JavaScript 插件(下)
8.1 彈出框
8.1.1 定義彈出框
8.1.2 調(diào)用彈出框
8.1.3 添加用戶行為
8.2 警告框
8.2.1 定義警告框
8.2.2 添加用戶行為
8.3 按鈕
8.3.1 定義按鈕
8.3.2 設(shè)置狀態(tài)
8.4 折疊
8.4.1 定義折疊
8.4.2 調(diào)用折疊
8.4.3 添加用戶行為
8.5 輪播
8.5.1 定義輪播
8.5.2 調(diào)用輪播
8.5.3 添加用戶行為
8.6 Affix
8.6.1 定義 Affix
8.6.2 調(diào)用 Affix
第 9章 Bootstrap源碼解析
9.1 CSS 組件設(shè)計原則
9.1.1 類型
9.1.2 模塊
9.1.3 擴展
9.1.4 設(shè)備優(yōu)先
9.1.5 基于 HTML5
9.2 全局樣式
9.2.1 設(shè)計思路
9.2.2 樣式重用
9.2.3 CSS重設(shè)
9.3 JavaScript 插件
9.3.1 結(jié)構(gòu)分析
9.3.2 公共類定義
9.3.3 插件定義
9.3.4 避免污染
9.3.5 Data接口
9.4 插件封裝
9.4.1 基本套式
9.4.2 嚴(yán)格模式
9.4.3 this指針
第 10章 擴展組件
10.1 組件擴展概述
10.1.1 CSS覆蓋
10.1.2 在線定制
10.1.3 第三方生成器
10.1.4 LESS定制
10.1.5 模塊化修改
10.1.6 擴展建議
10.2 案例:擴展分頁組件
10.2.1 自定義形狀
10.2.2 自定義顏色
第 11章 開發(fā)插件
11.1 jQuery插件概述
11.1.1 jQuery 插件形式
11.1.2 jQuery 插件規(guī)范
11.1.3 封裝代碼
11.1.4 定義參數(shù)
11.1.5 擴展功能
11.1.6 保護隱私
11.1.7 避免破壞性
11.2 案例實戰(zhàn)
11.2.1 設(shè)計思路
11.2.2 效果預(yù)覽
11.2.3 配置參數(shù)
11.2.4 代碼實現(xiàn)
第 12章 使用第三方插件
12.1 Bsie
12.1.1 使用Bsie 插件
12.1.2 手動修補 Bsie
12.2 BootStrap Metro
12.3 Color Picker
12.3.1 使用Color picker
12.3.2 配置Color picker
12.4 Date Picker
12.4.1 使用Date picker
12.4.2 配置Date picker
12.5 jQuery UI Bootstrap
12.6 Flat UI
第 13章 配置 Bootstrap樣式
13.1 認(rèn)識 LESS
13.1.1 LESS概述
13.1.2 LESS基本特性
13.1.3 比較LESS和 SASS
13.1.4 LESS參考和工具
13.2 使用 LESS
13.3 LESS基本語法
13.3.1 變量
13.3.2 樣式混合
13.3.3 參數(shù)混合
13.3.4 模式匹配
13.3.5 條件表達式
13.3.6 嵌套規(guī)則
13.3.7 運算
13.3.8 Color 函數(shù)
13.3.9 Math函數(shù)
13.3.10 作用域
13.3.11 命名空間
13.3.12 注釋
13.3.13 導(dǎo)入
13.3.14 字符串插值
13.3.15 轉(zhuǎn)義字符
13.3.16 JavaScript 表達式
13.4 在 Bootstrap 3.0中使用 LESS
第 14章 案例開發(fā):服裝品牌網(wǎng)站
14.1 設(shè)計思路
14.1.1 內(nèi)容
14.1.2 結(jié)構(gòu)
14.1.3 效果
14.2 首頁設(shè)計
14.2.1 編寫結(jié)構(gòu)
14.2.2 設(shè)計樣式
14.2.3 設(shè)計圖片焦點效果
14.2.4 設(shè)計設(shè)備響應(yīng)樣式
14.3 其他頁設(shè)計
14.3.1 設(shè)計師展示
14.3.2 聯(lián)系表單
14.3.3 關(guān)于我們
14.3.4 品牌展示
第 15章 案例開發(fā):酒店預(yù)定微信 wap 網(wǎng)站
15.1 設(shè)計思路
15.1.1 內(nèi)容
15.1.2 結(jié)構(gòu)
15.1.3 效果
15.2 設(shè)計首頁
15.3 設(shè)計登錄頁
15.4 選擇城市
15.5 選擇酒店
15.6 預(yù)定酒店
第 16章 案例開發(fā):團隊營銷網(wǎng)站
16.1 設(shè)計思路
16.1.1 網(wǎng)站結(jié)構(gòu)
16.1.2 設(shè)計效果
16.2 準(zhǔn)備工作
16.3 設(shè)計導(dǎo)航條
16.4 設(shè)計主體內(nèi)容
16.4.1 歡迎界面
16.4.2 服務(wù)項目
16.4.3 文件夾
16.4.4 關(guān)于我們
16.4.5 團隊成員
16.4.6 交互表單
第 17章 案例開發(fā):個人攝影相冊
17.1 設(shè)計思路
17.1.1 網(wǎng)站結(jié)構(gòu)
17.1.2 設(shè)計效果
17.2 準(zhǔn)備工作
17.3 設(shè)計單視圖導(dǎo)航條
17.4 設(shè)計主體內(nèi)容
17.4.1 焦點視圖
17.4.2 關(guān)于我們
17.4.3 作品集
17.4.4 聯(lián)系我們
第 18章 案例開發(fā):單詞分享網(wǎng)站
18.1 準(zhǔn)備工作
18.1.1 定制Bootstrap
18.1.2 初始化 Bootstrap
18.2 首頁設(shè)計
18.2.1 設(shè)計思路
18.2.2 設(shè)計結(jié)構(gòu)
18.2.3 設(shè)計主菜單和按鈕
18.2.4 設(shè)計輪播廣告位
18.2.5 設(shè)計新聞區(qū)和版權(quán)區(qū)版式
18.3 閱讀頁設(shè)計
18.3.1 設(shè)計響應(yīng)式主菜單
18.3.2 設(shè)計附加導(dǎo)航菜單
18.3.3 設(shè)計頁面版式
18.4 小組頁面設(shè)計
18.5 打卡頁設(shè)計
18.5.1 設(shè)計頁面網(wǎng)格系統(tǒng)
18.5.2 設(shè)計滾動監(jiān)聽和附加導(dǎo)航
18.6 詞根頁面設(shè)計
第 19章 案例開發(fā):企業(yè)網(wǎng)站
19.1 設(shè)計思路
19.1.1 網(wǎng)站結(jié)構(gòu)
19.1.2 設(shè)計效果
19.2 準(zhǔn)備工作
19.3 設(shè)計頁頭
19.4 設(shè)計實用導(dǎo)航
19.5 設(shè)計響應(yīng)式布局
19.6 設(shè)計腳注