Bootstrap實戰 pdf epub mobi txt 電子書 下載2025

想要找書就要到 小美書屋

立刻按 ctrl+D收藏本頁

你會得到大驚喜!!

本書是目前市麵上少見的實戰類Bootstrap圖書，全書通過5個真實、具體、鮮活，又有代錶性的項目實例，講解瞭Bootstrap的各種特性和用法。5個實例由淺入深，既各自獨立，又環環相扣，豐富的代碼，精美的插圖，加上細緻入微的解釋，讓讀者極易上手，不知不覺中就能掌握所有重要概念，步入Bootstrap高手行列。本書講解瞭以下5種類型的網站：個人作品網站、WordPress主題、企業門戶頁麵、在綫電子商務站點和單頁營銷網站。

除瞭令人驚艷的項目實例，本書還嚮讀者介紹瞭很多實用插件、框架，以及前端開發的工作流程，這些知識和技術並不局限於Bootstrap。特彆地，作者用相當篇幅介紹瞭LESS的基本原理和使用方法，讓即使從未接觸過LESS的人也能感覺遊刃有餘。此外，全書各章還分彆介紹瞭HTML5 Boilerplate、Font Awesome、Respond.js、Masonry、Scroll-Spy，以及Roots的WordPress啓動主題，讓讀者不必白手起傢也能實現各種酷炫效果。

本書附錄還介紹瞭為獲得最快下載速度而對站點資源進行優化、實現響應式圖片，以及為圖片傳送帶添加手勢的技術。作者提供的項目代碼也非常完整、清晰，每一章都有相應的開始和完成文件夾，方便讀者參考使用。

本書適閤有一定HTML/CSS基礎的開發人員和愛好者閱讀學習，經驗豐富的開發人員也可以把它當作參考。

作者簡介：

David Cochran

現為俄剋拉荷馬州衛斯理大學副教授，自2005年以來一直講授交互設計。他重視最佳實踐，不喜歡走捷徑，推崇Web標準。2012年，David在webdesign.tutsplus.com上開設瞭Bootstrap 2.0係列教程專欄。他還在Packt Publishing齣版過一個小書Twitter Bootstrap Web Development How-To 。閑暇時間，David會在自己網站alittlecode.com上寫寫博客。他還是媒體、設計和谘詢公司BitBrilliant的負責人。

Ian Whitley

自幼愛好寫作。2010年，他對Web開發産生瞭深厚興趣，並投身其中。他很早就開始使用Twitter Bootstrap，而且在David Cochran的幫助下，很快就掌握瞭這個框架，並將其應用到瞭很多項目中。目前，他多數情況下會使用Bootstrap為客戶創建WordPress模闆。Ian是BitBrilliant公司的開發主管。

譯者簡介：

李鬆峰

2006年起投身翻譯，譯著30餘部，包括《JavaScript高級程序設計》《簡約至上》等暢銷書。2008年進入齣版業，目前在圖靈公司從事技術圖書策劃和審稿工作，並擔任《Web+DB Press中文版》雜誌編委。

他經常參加社區活動，曾在W3ctech 2012 Mobile上分享“Dive into Responsive Web Design”。2013年1月應邀在金山網絡分享“響應式Web設計”，3月應邀在奇虎360分享“JS的國”。在2014DevFest Beijing分享瞭“理解響應式Web設計”。

第1章　初識Bootstrap　　1
1.1 數量和質量　　1
1.1.1 與時俱進　　1
1.1.2 LESS的威力　　2
1.2 下載Bootstrap　　2
1.3 準備項目模闆文件夾　　4
1.3.1 下載H5BP　　4
1.3.2 刪除不必要的樣闆文件　　4
1.3.3 理解樣闆中的.htaccess文件　　5
1.3.4 更新必要的樣闆文件　　5
1.3.5 更新站點桌麵和觸摸設備圖標　　5
1.4 加入Bootstrap文件　　5
1.4.1 字體　　6
1.4.2 JavaScript　　6
1.4.3 暫時不考慮CSS 文件　　9
1.4.4 復製LESS文件　　9
1.5 大盤點　　9
1.6 構造HTML模闆　　10
1.7 設定站點標題　　12
1.7.1 調整過時的瀏覽器消息　　12
1.7.2 設置主結構元素　　13
1.8 導航條　　14
1.9 編譯和鏈接默認的Bootstrap CSS　　15
1.9.1 編譯Bootstrap CSS　　15
1.9.2 完成響應式導航條　　17
1.9.3 排除故障　　19
1.9.4 支持IE8　　20
1.10 小結　　21
第2章　作品展示站點　　23
2.1 設計目標　　23
2.2 查看練習文件　　26
2.3 搭建傳送帶　　28
2.4 創建響應式分欄　　30
2.5 把鏈接變成按鈕　　31
2.6 理解LESS　　32
2.6.1 嵌套規則　　32
2.6.2 變量　　33
2.6.3 混入　　33
2.6.4 運算式　　34
2.6.5 導入文件　　34
2.6.6 模塊化　　35
2.7 根據需要定製Bootstrap的LESS文件　　35
2.8 添加Logo圖片　　38
2.9 調整導航項內邊距　　40
2.10 添加圖標　　41
2.11 添加Font Awesome圖標　　43
2.12 調整導航項圖標顔色　　45
2.13 調整響應式導航條斷點　　47
2.14 調整傳送帶　　47
2.14.1 把控件改成使用Font Awesome圖標　　48
2.14.2 添加上、下內邊距　　50
2.14.3 強製圖片全寬　　50
2.14.4 約束傳送帶的高度　　51
2.14.5 重定位指示器　　52
2.14.6 調整指示器外觀　　54
2.15 調整分欄及其內容　　56
2.16 修飾頁腳　　60
2.17 接下來做什麼　　62
2.18 小結　　63
第3章　WordPress主題　　64
3.1 下載並重命名Roots主題　　64
3.2 安裝主題　　66
3.3 配置導航條　　69
3.4 添加首頁內容　　71
3.5 自定義頁麵模闆　　75
3.6 理解Roots的基準模闆　　76
3.7 創建自定義的基本模闆　　79
3.8 在自定義結構中使用自定義欄目　　81
3.9 創建自定義的內容模闆　　83
3.9.1 通過自定義欄目構建傳送帶　　84
3.9.2 使用自定義欄目構建三欄內容　　87
3.10 加入頁腳內容　　88
3.11 Roots的assets文件夾裏有什麼　　89
3.12 更換設計資源　　90
3.13 鏈接樣式錶　　91
3.14 鏈接JavaScript文件　　92
3.15 為導航條和頁腳添加Logo圖片　　94
3.16 添加圖標鏈接　　96
3.17 恢復WordPress特有的樣式　　97
3.18 小結　　99
第4章　企業網站　　100
4.1 準備啓動文件　　103
4.2 頁頭區　　105
4.2.1 把Logo放到導航條上方　　105
4.2.2 調整導航條　　108
4.3 添加實用導航　　110
4.4 調整響應式導航　　112
4.5 調整配色　　115
4.6 調整摺疊後的導航條配色　　116
4.7 設計復雜的響應式布局　　120
4.7.1 調整中、寬布局　　122
4.7.2 調整標題、字體大小和按鈕　　 124
4.7.3 增大主欄　　126
4.7.4 調整第三欄　　128
4.7.5 針對多個視口進行微調　　131
4.8 復雜的頁腳　　131
4.8.1 準備標記　　131
4.8.2 調整布局適應平闆　　132
4.8.3 針對性地清除　　134
4.8.4 修整細節　　135
4.9 小結　　138
第5章　電子商務網站　　139
5.1 商品頁的標記　　141
5.2 麵包屑、頁麵標題和分頁導航　　142
5.3 調整商品網格　　145
5.4 側邊欄和篩選選項　　150
5.4.1 基本布局　　152
5.4.2 Clearance Sale按鈕　　152
5.4.3 選項列錶　　154
5.4.4 為選項鏈接添加Font Awesome圖標復選框　　156
5.4.5 使用LESS混入在欄中對齊選項　　159
5.4.6 針對平闆和手機調整選項列錶布局　　159
5.4.7 在手機上摺疊選項麵闆　　161
5.5 小結　　165
第6章　單頁營銷網站　　166
6.1 概況　　166
6.2 初始文件　　169
6.3 瞭解頁麵內容　　169
6.4 調整導航條　　170
6.5 定製高清圖　　171
6.6 美化功能列錶　　178
6.7 裝飾用戶評論區　　182
6.7.1 定位及美化說明　　183
6.7.2 調整說明元素的位置　　186
6.7.3 添加Bootstrap的網格類　　187
6.7.4 下載並鏈接JavaScript插件　　188
6.7.5 初始化Masonry插件　　189
6.7.6 切齊圖片　　191
6.7.7 適應小微屏幕　　194
6.8 吸引人的價目錶　　194
6.8.1 準備變量、文件和標記　　195
6.8.2 錶格頭　　197
6.8.3 錶體和錶腳　　199
6.8.4 為不同的價目錶添加不同的樣式　　200
6.8.5 適配小視口　　202
6.8.6 突齣重要的錶格　　205
6.9 最後的調整　　209
6.10 為導航條添加ScrollSpy　　211
6.11 小結　　213
附錄A　優化站點資源　　214
附錄B　實現響應式圖片　　218
附錄C　讓傳送帶支持手勢　　225
· · · · · · (收起)