《Bootstrap實戰(zhàn)從入門到精通》一書系統(tǒng)講解了Bootstrap技術的體系結構、基礎知識、組件插件以及各種深度實戰(zhàn)應用。全書分為 3 大部分,共 19 章。第 1 部分(第 1~3 章)為 Bootstrap 基礎知識,主要介紹 Bootstrap 是什么,如何使用 Bootstrap,以及 Bootstrap 的技術特性;第 2 部分(第 4~13 章)為 Bootstrap 基本使用,主要介紹Bootstrap 各種組件和插件的使用,如何擴展Bootstrap,應用Bootstrap第三方插件等;第3部分(第14~19章)為實戰(zhàn),介紹了企業(yè)網(wǎng)站、WAP網(wǎng)站、網(wǎng)絡相冊等6個利用 Bootstrap實現(xiàn)的項目,可以讓讀者了解使用Bootstrap進行前端開發(fā)的全過程。
《Bootstrap 實戰(zhàn)從入門到精通》配備了極為豐富的學習資源,其中配套資源有:238 節(jié)教學視頻(可二維碼掃描)、素材源程序;拓展學習資源有:習題及面試題庫、案例庫、工具庫、網(wǎng)頁模板庫、網(wǎng)頁配色庫、網(wǎng)頁素材庫、網(wǎng)頁案例欣賞庫等。
《Bootstrap 實戰(zhàn)從入門到精通》適合作為 Bootstrap 入門、Bootstrap 框架、JavaScript 高級程序設計、HTML5移動開發(fā)人員的參考書,也可作為高等院校網(wǎng)頁設計、網(wǎng)頁制作、網(wǎng)站建設、Web 前端開發(fā)等專業(yè)的教學參考書或相關機構的培訓教材。
第 1章 初識 Bootstrap
1.1 Bootstrap 概述
1.1.1 Bootstrap 發(fā)展歷史
1.1.2 Bootstrap 的版本
1.1.3 瀏覽器支持
1.2 Bootstrap 特性
1.2.1 Bootstrap 的構成
1.2.2 Bootstrap 的特色
1.2.3 Bootstrap 的功能
1.3 Bootstrap 應用瀏覽
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 認識 Bootstrap 結構
2.2.1 源碼版 Bootstrap文件結構
2.2.2 編譯版 Bootstrap文件結構
2.3 安裝 Bootstrap
2.3.1 本地安裝
2.3.2 在線安裝
2.4 案例實戰(zhàn)
2.4.1 設計按鈕
2.4.2 設計 Tabs組件
2.4.3 設計企業(yè)首頁
第 3章 Bootstrap基本架構
3.1 響應式設計
3.1.1 認識響應式設計
3.1.2 響應式設計流程
3.1.3 設計響應式圖片
3.1.4 設計響應式布局結構
3.1.5 自適應顯示頁面
3.1.6 設計響應式網(wǎng)站
3.2 使用 Bootstrap 柵格系統(tǒng)
3.2.1 網(wǎng)頁柵格系統(tǒng)設計基礎
3.2.2 認識 Bootstrap 柵格系統(tǒng)
3.2.3 Bootstrap 響應設備類型
3.2.4 Bootstrap 設備優(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 標題
4.1.2 文本
4.1.3 強調
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)化結構
4.2.2 默認風格
4.2.3 個性風格
4.2.4 表格行風格
4.2.5 響應式表格
4.3 表單
4.3.1 可支持表單控件
4.3.2 默認風格
4.3.3 布局風格
4.3.4 外觀風格
4.3.5 狀態(tài)風格
4.4 按鈕
4.4.1 默認風格
4.4.2 定制風格
4.4.3 狀態(tài)風格
4.5 圖片
4.6 工具類
4.6.1 小工具類
4.6.2 響應式工具
第 5章 CSS 組件(上)
5.1 正確使用 CSS組件
5.2 下拉菜單
5.2.1 定義下拉菜單
5.2.2 設置下拉菜單
5.3 按鈕組
5.3.1 定義按鈕組
5.3.2 定義按鈕導航條
5.3.3 設計按鈕布局和樣式
5.4 按鈕式下拉菜單
5.4.1 定義按鈕式下拉菜單
5.4.2 設計分隔樣式
5.4.3 設計向上彈出式菜單
5.5 導航
5.5.1 定義導航組件
5.5.2 設置導航選項
5.5.3 綁定導航和下拉菜單
5.5.4 激活標簽頁
5.6 導航條
5.6.1 定義導航條
5.6.2 綁定對象
5.6.3 設計導航條
第 6章 CSS 組件(下)
6.1 面包屑和分頁
6.1.1 定義面包屑
6.1.2 定義分頁組件
6.1.3 設置分頁選項
6.1.4 定義翻頁組件
6.2 標簽和徽章
6.3 縮略圖
6.3.1 認識圖像占位符
6.3.2 定義縮略圖
6.4 警告框
6.4.1 定義警告框
6.4.2 添加關閉按鈕
6.4.3 添加鏈接
6.5 進度條
6.5.1 定義進度條
6.5.2 設置個性進度條
6.6 媒體
6.6.1 媒體版式
6.6.2 媒體列表
6.7 版式
6.7.1 大屏幕區(qū)塊
6.7.2 頁面標題
6.7.3 列表組
6.7.4 面板
6.7.5 Well
6.8 輸入框
6.8.1 修飾文本框
6.8.2 設計尺寸
6.8.3 按鈕文本框
6.8.4 按鈕式下拉菜單
6.8.5 定義分段按鈕下拉菜單
6.9 字體圖標
第 7章 JavaScript 插件(上)
7.1 插件概述
7.1.1 插件分類
7.1.2 安裝插件
7.1.3 調用插件
7.1.4 共享插件
7.1.5 事件
7.1.6 過渡效果
7.2 模態(tài)框
7.2.1 定義模態(tài)框
7.2.2 調用模態(tài)框
7.2.3 控制模態(tài)框
7.2.4 添加用戶行為
7.3 下拉菜單
7.3.1 調用下拉菜單
7.3.2 添加用戶行為
7.4 滾動監(jiān)聽
7.4.1 定義滾動監(jiān)聽
7.4.2 調用滾動監(jiān)聽
7.4.3 添加用戶行為
7.5 標簽頁
7.5.1 定義標簽頁
7.5.2 調用標簽頁
7.5.3 添加用戶行為
7.6 工具提示
7.6.1 定義工具提示
7.6.2 調用工具提示
7.6.3 添加用戶行為
第 8章 JavaScript 插件(下)
8.1 彈出框
8.1.1 定義彈出框
8.1.2 調用彈出框
8.1.3 添加用戶行為
8.2 警告框
8.2.1 定義警告框
8.2.2 添加用戶行為
8.3 按鈕
8.3.1 定義按鈕
8.3.2 設置狀態(tài)
8.4 折疊
8.4.1 定義折疊
8.4.2 調用折疊
8.4.3 添加用戶行為
8.5 輪播
8.5.1 定義輪播
8.5.2 調用輪播
8.5.3 添加用戶行為
8.6 Affix
8.6.1 定義 Affix
8.6.2 調用 Affix
第 9章 Bootstrap源碼解析
9.1 CSS 組件設計原則
9.1.1 類型
9.1.2 模塊
9.1.3 擴展
9.1.4 設備優(yōu)先
9.1.5 基于 HTML5
9.2 全局樣式
9.2.1 設計思路
9.2.2 樣式重用
9.2.3 CSS重設
9.3 JavaScript 插件
9.3.1 結構分析
9.3.2 公共類定義
9.3.3 插件定義
9.3.4 避免污染
9.3.5 Data接口
9.4 插件封裝
9.4.1 基本套式
9.4.2 嚴格模式
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 設計思路
11.2.2 效果預覽
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 認識 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 導入
13.3.14 字符串插值
13.3.15 轉義字符
13.3.16 JavaScript 表達式
13.4 在 Bootstrap 3.0中使用 LESS
第 14章 案例開發(fā):服裝品牌網(wǎng)站
14.1 設計思路
14.1.1 內(nèi)容
14.1.2 結構
14.1.3 效果
14.2 首頁設計
14.2.1 編寫結構
14.2.2 設計樣式
14.2.3 設計圖片焦點效果
14.2.4 設計設備響應樣式
14.3 其他頁設計
14.3.1 設計師展示
14.3.2 聯(lián)系表單
14.3.3 關于我們
14.3.4 品牌展示
第 15章 案例開發(fā):酒店預定微信 wap 網(wǎng)站
15.1 設計思路
15.1.1 內(nèi)容
15.1.2 結構
15.1.3 效果
15.2 設計首頁
15.3 設計登錄頁
15.4 選擇城市
15.5 選擇酒店
15.6 預定酒店
第 16章 案例開發(fā):團隊營銷網(wǎng)站
16.1 設計思路
16.1.1 網(wǎng)站結構
16.1.2 設計效果
16.2 準備工作
16.3 設計導航條
16.4 設計主體內(nèi)容
16.4.1 歡迎界面
16.4.2 服務項目
16.4.3 文件夾
16.4.4 關于我們
16.4.5 團隊成員
16.4.6 交互表單
第 17章 案例開發(fā):個人攝影相冊
17.1 設計思路
17.1.1 網(wǎng)站結構
17.1.2 設計效果
17.2 準備工作
17.3 設計單視圖導航條
17.4 設計主體內(nèi)容
17.4.1 焦點視圖
17.4.2 關于我們
17.4.3 作品集
17.4.4 聯(lián)系我們
第 18章 案例開發(fā):單詞分享網(wǎng)站
18.1 準備工作
18.1.1 定制Bootstrap
18.1.2 初始化 Bootstrap
18.2 首頁設計
18.2.1 設計思路
18.2.2 設計結構
18.2.3 設計主菜單和按鈕
18.2.4 設計輪播廣告位
18.2.5 設計新聞區(qū)和版權區(qū)版式
18.3 閱讀頁設計
18.3.1 設計響應式主菜單
18.3.2 設計附加導航菜單
18.3.3 設計頁面版式
18.4 小組頁面設計
18.5 打卡頁設計
18.5.1 設計頁面網(wǎng)格系統(tǒng)
18.5.2 設計滾動監(jiān)聽和附加導航
18.6 詞根頁面設計
第 19章 案例開發(fā):企業(yè)網(wǎng)站
19.1 設計思路
19.1.1 網(wǎng)站結構
19.1.2 設計效果
19.2 準備工作
19.3 設計頁頭
19.4 設計實用導航
19.5 設計響應式布局
19.6 設計腳注