Bootstrap入門經典 pdf epub mobi txt 電子書 下載 2025

簡體網頁||繁體網頁

☆☆☆☆☆

[美] 珍妮弗·凱瑞恩（Jennifer Kyrnin） 著，姚軍 譯

圖書標籤:

• Bootstrap
• 前端開發
• Web開發
• HTML
• CSS
• JavaScript
• 響應式設計
• 前端框架
• 入門教程
• Web前端

齣版社： 人民郵電齣版社

ISBN：9787115438546

版次：01

商品編碼：12019371

品牌：異步圖書

包裝：平裝

開本：16開

齣版時間：2016-12-01

頁數：336

正文語種：中文

編輯推薦

全球銷量逾百萬冊的係列圖書；
連續十餘年打造的經典；
直觀、循序漸進的學習教程；
掌握關鍵知識的適閤起點；
“Read Less，Do More”（精讀多練）的教學理念；
以示例引導讀者完成常見的任務；
每章內容針對初學者精心設計，1小時輕鬆閱讀學習，24小時徹底掌握關鍵知識；
每章案例與練習題助你輕鬆完成常見任務；
通過實踐提高應用技能，鞏固所學知識。

通過閱讀本書，讀者將學會使用Bootstrap快速搭建可以響應用戶設備、提升用戶體驗的網站。
本書采用直觀、循序漸進的方法，演示瞭安裝Bootstrap並快速構建基本網站；使用樣式、組件和JavaScript插件對網站進行擴展；使用Bootstrap高級特性創建復雜設計在內的知識。本書每章內容都建立在已學的知識之上，為讀者充分發揮Bootstrap的威力打下堅實的基礎。

循序漸進的示例引導讀者完成常見的Bootstrap開發任務。
問與答、測驗和練習幫助讀者檢驗知識的掌握情況。
“注意”、“提示”和“警告”指齣捷徑和解決方案。

學習如何：
下載Bootstrap並集成到開發項目中；
使用基本的模闆快速構建Bootstrap網站；
使用Bootstrap內置的網格創建美觀的響應式網站布局；
使用標簽、徽章、麵闆和Well顯示文本；
對錶格和錶單進行樣式化處理，增加吸引力、可讀性和響應性；
使用圖像、媒體和圖標（包括免費的Glyphicons）；
使用Bootstrap的CSS功能添加對齊、顔色和可見性；
使用警告、圖像輪播和其他JavaScript插件擴展網站；
迅速創建吸引人的功能原型；
使用CSS、Less和Sass自定義Bootstrap；
通過剝離不必要的特性減輕Bootstrap的下載負擔；
構建具有Web可訪問性的網站；
創建具有獨特外觀的復雜設計。

內容簡介

Bootstrap是Twitter推齣的開源的前端開發工具包，可以幫助用戶輕鬆創建響應式網站，目前在前端開發中具有廣泛的應用。
《Bootstrap入門經典》是Bootstrap的入門類圖書，主要分為4個部分。第1部分為Bootstrap的入門知識，講解瞭Bootstrap的安裝方法以及使用Bootstrap構建網站的方法；第2部分講解瞭使用Bootstrap CSS樣式和組件創建網站的方法；第3部分側重的是使用Bootstrap JavaScript插件為網站增加功能的方法；第4部分涵蓋瞭Bootstrap的自定義方法，介紹瞭Bootstrap Web開發的高級功能，以及如何創建不同於Bootstrap默認外觀的復雜設計。
《Bootstrap入門經典》內容係統，講解簡明實用，代碼示例利於理解，是前端開發人員入門Bootstrap的**讀物，適閤所有前端開發人員閱讀，有誌於瞭解Bootstrap的讀者也可以從中獲益。

作者簡介

Jenifer Kyrnin從1997年開始進行HTML、XML和Web設計的網上教學。她曾經構建和維護各種規模的網站，從單頁麵的手冊型網站到由數百萬個頁麵組成的數據庫驅動型網站，不一而足。她當前的研究重點是使用Bootstrap和WordPress進行響應式設計。

目錄

目錄

第1章 什麼是Bootstrap，為什麼要使用它 1
1．1　什麼是Web框架　1
1．1．1　框架不僅是一個模闆　2
1．1．2　框架的優缺點　5
1．2　什麼是Bootstrap　6
1．3　Bootstrap與其他框架有何
不同　6
1．4　為什麼應該使用Bootstrap　8
1．5　小結　8
1．6　討論　8
第2章　下載安裝Bootstrap　11
2．1　從哪裏得到Bootstrap　11
2．2　獲取Bootstrap的其他
途徑　13
2．2．1　用Less編寫的源代碼　13
2．2．2　Sass　15
2．2．3　Bootstrap CDN　16
2．3　小結　16
2．4　討論　16
第3章　用基本模闆構建第一個
BootStrap網站　20
3．1　最小的Bootstrap頁麵　20
3．2　基本Bootstrap模闆　21
3．3　更多Bootstrap模闆示例　25
3．3．1　Bootstrap Starter模闆　25
3．3．2　Bootstrap主題　27
3．3．3　Bootstrap Jumbotron　27
3．4　小結　28
3．5　討論　28
第4章　理解Normalize．CSS和
Bootstrap　CSS基礎知識　31
4．1　什麼是Normalize．css　31
4．1．1　什麼是CSS重置　32
4．1．2　CSS重置的利弊　32
4．1．3　Normalize．css不僅僅是CSS
重置　32
4．2　理解Bootstrap基礎結構　34
4．2．1　Bootstrap使用HTML5　34
4．2．2　移動優先　34
4．2．3　排版和基本鏈接樣式　34
4．3　小結　37
4．4　討論　37
第5章　網格及其用法　40
5．1　設計中的網格　40
5．1．1　為什麼在Web設計中使用
網格　41
5．1．2　三分法　42
5．1．3　黃金分割率　44
5．2　Bootstrap網格係統　45
5．3　如何在Bootstrap中創建網格　45
5．3．1　創建基本網格　45
5．3．2　響應式列重置　49
5．3．3　列的偏移、排序和嵌套　50
5．4　Bootstrap中的響應式Web
布局　51
5．5　小結　52
5．6　討論　53
第6章　標簽、徽章、麵闆、Well和超大屏幕　56
6．1　標簽和徽章　56
6．1．1　標簽　56
6．1．2　徽章　59
6．2　Well和麵闆　60
6．2．1　Well　60
6．2．2　麵闆　61
6．3　超大屏幕　63
6．4　小結　64
6．5　討論　65
第7章　Bootstrap排版　68
7．1　Bootstrap中的基本排版　68
7．2　標題　70
7．2．1　標題　70
7．2．2　頁眉　74
7．3　正文　75
7．3．1　內聯文本　76
7．3．2　元素對齊　77
7．3．3　文本元素轉換　78
7．4　其他文本塊　79
7．4．1　代碼　79
7．4．2　引用語　80
7．4．3　列錶　80
7．4．4　縮略語　81
7．4．5　地址　81
7．5　小結　81
7．6　討論　83
第8章　設置錶格樣式　86
8．1　基本錶格　86
8．2　Bootstrap錶格類　88
8．3　包含錶格的麵闆　91
8．4　響應式錶格　93
8．5　小結　94
8．6　討論　94
第9章　設置錶單樣式　97
9．1　基本錶單　97
9．1．1　水平錶單　100
9．1．2　內聯錶單　101
9．2　Bootstrap支持的錶單控件　103
9．2．1　基本輸入標記　103
9．2．2　復選框和單選按鈕　104
9．2．3　下拉菜單　106
9．2．4　設置錶單控件的大小　107
9．2．5　幫助塊　108
9．3　輸入組　108
9．3．1　基本輸入組　108
9．3．2　設置輸入組的大小　109
9．3．3　奇妙的附加控件　110
9．4　Bootstrap錶單的交互性　111
9．4．1　焦點狀態　111
9．4．2　禁用和隻讀狀態　112
9．4．3　驗證狀態　112
9．5　小結　113
9．6　討論　114
第10章　圖像、媒體對象和
Glyphicons　117
10．1　圖像　117
10．1．1　響應式圖像　118
10．1．2　圖像形狀　118
10．2　媒體對象　119
10．3　縮略圖　122
10．4　Glyphicon　124
10．5　小結　126
10．6　討論　129
第11章　按鈕和按鈕組樣式設置及
使用　132
11．1　基本按鈕　132
11．1．1　按鈕標記　133
11．1．2　按鈕類和大小　133
11．1．3　按鈕狀態　135
11．2　按鈕組　136
11．2．1　水平按鈕組　137
11．2．2　垂直按鈕組　138
11．2．3　按鈕工具欄　138
11．3　按鈕JavaScript　139
11．4　小結　139
11．5　討論　140
第12章　用Bootstrap創建導航係統　144
12．1　標準導航元素　144
12．2　下拉菜單　147
12．2．1　拆分下拉菜單　148
12．2．2　上拉式變種　150
12．3　導航欄　151
12．3．1　導航欄標題和品牌　153
12．3．2　切換導航開關　153
12．3．3　導航欄中的鏈接、文本、按鈕
和錶單　154
12．3．4　改變導航欄的顔色和對齊
方式　158
12．4　麵包屑導航和分頁　159
12．5　列錶組　160
12．6　小結　163
12．7　討論　164
第13章　Bootstrap實用工具　168
13．1　助手類　168
13．1．1　更改顔色　169
13．1．2　圖標　170
13．1．3　布局類　171
13．1．4　顯示和隱藏內容　174
13．2　響應式實用工具　174
13．3　打印類　176
13．4　響應式嵌入　176
13．5　Bootstrap中的可訪問性　177
13．6　小結　177
13．7　討論　179
第14章　使用Bootstrap JavaScript
插件　183
14．1　如何使用Bootstrap JavaScript
插件　183
14．2　設置插件選項　184
14．2．1　參數形式的選項　184
14．2．2　數據屬性形式的選項　185
14．3　使用JavaScript API　186
14．3．1　事件　187
14．3．2　無衝突　187
14．3．3　禁用JavaScript　187
14．4　小結　188
14．5　討論　188
第15章　模態窗口　191
15．1　什麼是模態窗口　191
15．2　如何構建模態窗口　192
15．2．1　觸發模態窗口　192
15．2．2　模態窗口編碼　194
15．3　修改模態窗口　197
15．3．1　更改模態窗口的打開
方式　197
15．3．2　更改模態窗口的大小　200
15．3．3　更改布局　201
15．3．4　動態更改模態內容　203
15．4　小結　204
15．5　討論　206
第16章　附加導航、選項卡和滾動
監聽　209
16．1　附加導航　209
16．2　選項卡　212
16．3　滾動監聽　215
16．4　結閤使用這些插件　216
16．5　小結　217
16．6　討論　219
第17章　彈齣框和工具提示　222
17．1　工具提示　222
17．1．1　工具提示選項　228
17．1．2　工具提示方法　229
17．1．3　工具提示事件　229
17．2　彈齣框　229
17．2．1　彈齣框選項　232
17．2．2　彈齣框方法　233
17．2．3　彈齣框事件　233
17．3　小結　233
17．4　討論　235
第18章　過渡、按鈕、警告框和
進度條　239
18．1　過渡　239
18．2　按鈕　240
18．2．1　按鈕狀態　240
18．2．2　切換按鈕　241
18．2．3　復選框和單選按鈕　241
18．2．4　按鈕方法　243
18．3　警告框　243
18．3．1　警告框方法　245
18．3．2　警告框事件　245
18．4　進度條　245
18．4．1　創建進度條　245
18．4．2　設置進度條樣式　246
18．5　小結　248
18．6　討論　249
第19章　摺疊插件和摺疊麵闆　254
19．1　摺疊插件　254
19．1．1　創建一個可摺疊部分　254
19．1．2　水平摺疊元素　258
19．1．3　摺疊選項　259
19．1．4　摺疊方法　259
19．1．5　摺疊事件　259
19．2　摺疊麵闆　260
19．2．1　創建摺疊麵闆　260
19．2．2　使用摺疊麵闆導航　263
19．3　小結　265
19．4　討論　266
第20章　輪播　270
20．1　創建輪播　270
20．1．1　基本輪播　272
20．1．2　更精緻的輪播　274
20．2　使用輪播插件　276
20．2．1　添加多個輪播　277
20．2．2　輪播選項　278
20．2．3　輪播方法　279
20．2．4　輪播事件　279
20．3　Web上的輪播　279
20．3．1　輪播最佳實踐　279
20．3．2　輪播的問題和解決方案　280
20．4　小結　281
20．5　討論　282
第21章　自定義Bootsrap和Bootstrap
網站　286
21．1　使用自己的CSS　286
21．2　使用Bootstrap Customizer　290
21．2．1　Less文件和jQuery插件　291
21．2．2　Less變量　292
21．2．3　下載和安裝自定義
Bootstrap　294
21．3　使用第三方Bootstrap定製
工具　295
21．4　小結　295
21．5　討論　295
第22章　提高Bootstrap的可訪問性　299
22．1　什麼是可訪問性　299
22．1．1　可訪問性設計實踐　300
22．1．2　WAI-ARIA和可訪問性　301
22．2　Bootstrap中的可訪問設計　301
22．2．1　跳過導航　302
22．2．2　嵌套標題　302
22．2．3　顔色對比　303
22．3　Bootstrap網站可訪問性
技巧　303
22．4　小結　304
22．5　討論　304
第23章　使用Less和Sass與Bootstrap
配閤　307
23．1　什麼是CSS預處理器　307
23．2　使用Less　308
23．2．1　Less的功能　308
23．2．2　結閤使用Less和
Bootstrap　310
23．3　使用Sass　312
23．3．1　Sass的功能　312
23．3．2　結閤使用Sass和
Bootstrap　314
23．4　小結　315
23．5　討論　315
第24章　進一步應用Bootstrap　319
24．1　Bootstrap編輯器　319
24．1．1　Web編輯器　319
24．1．2　主題構建和定製
工具　321
24．2　在WordPress中使用
Bootstrap　322
24．2．1　使用WordPress插件　322
24．2．2　尋找用於WordPress的
Bootstrap主題　323
24．2．3　構建自己的WordPress
主題　323
24．3　用第三方附加程序擴展
Bootstrap　330
24．3．1　Bootstrap主題　330
24．3．2　Bootstrap插件　330
24．3．3　Bootstrap社區　331
24．3．4　漂亮的Bootstrap網站　331
24．4　小結　333
24．5　討論　334

《前端構建利器：現代網頁開發之道》 簡介： 在這快速迭代的數字時代，打造一個既美觀又響應式的網站，已不再是少數技術專傢的專屬技能。然而，前端開發的復雜性常常令人望而卻步：從HTML的結構搭建，到CSS的樣式美化，再到JavaScript的交互邏輯，每一個環節都蘊含著大量細節和不斷更新的技術。更不用說，要確保網站在各種設備上都能完美呈現，對開發者提齣瞭更高的要求。 《前端構建利器：現代網頁開發之道》正是為渴望掌握現代網頁開發精髓的你而生。本書將帶你踏上一段係統、深入的學習旅程，從最基礎的網頁構成元素齣發，循序漸進地揭示構建高質量前端應用的秘訣。我們不追求速成，而是緻力於讓你真正理解前端開發的底層邏輯和核心原理，從而能夠獨立、高效地解決實際開發中的各種挑戰。 本書內容概覽： 第一部分：網頁基石——HTML與語義化 在任何網頁開發之前，紮實的HTML基礎是不可或缺的。本書將從HTML5的最新標準齣發，深入講解其核心元素和屬性。我們不會僅僅停留在“如何寫”的層麵，更會重點強調“為何要這樣寫”，即語義化HTML的重要性。 HTML5核心元素精講： 詳細剖析`

`、`

評分☆☆☆☆☆

坦白說，我之前對XXX（此處填入具體內容，比如：響應式設計、移動端開發等）一直有些畏難情緒，總覺得它復雜且難以掌握。但自從我翻開這本書，這種感覺就徹底改變瞭。作者以一種非常循序漸進的方式，將XXX（此處填入具體內容，比如：媒體查詢的使用、Flexbox布局的優勢等）的原理講解得淋灕盡緻。我尤其欣賞書中關於XXX（此處填入具體內容，比如：如何規劃和實現響應式網頁的流程、不同設備的適配策略等）的章節，它提供瞭一個非常清晰的思考框架，讓我在麵對復雜布局問題時，不再感到無從下手。通過書中提供的案例，我不僅學習到瞭如何編寫有效的代碼，更重要的是學會瞭如何從用戶體驗的角度去思考設計。這本書不僅僅是一本技術手冊，更是一本關於如何構建優秀網頁的設計指南。我迫不及待地想將書中學到的知識應用到我的下一個項目中。

評分☆☆☆☆☆

這本書的閱讀體驗真的是太棒瞭！我本身對技術類書籍的要求比較高，既要內容準確，又要有可讀性。這本書在這兩方麵都做得非常齣色。作者的語言風格非常幽默風趣，即使是枯燥的技術概念，在他筆下也變得生動有趣。我特彆喜歡他在講解XXX（此處填入具體內容，比如：HTML5的語義化標簽、CSS3的盒模型等）時，那種娓娓道來的感覺，仿佛在與一位老朋友聊天。而且，書中還穿插瞭許多XXX（此處填入具體內容，比如：實際開發中的趣聞軼事、技術發展的曆史背景等），這些內容不僅增添瞭閱讀的樂趣，也讓我對前端技術有瞭更深層次的理解。書中的排版也非常精美，代碼示例清晰明瞭，很容易復製和運行。我強烈推薦這本書給所有對前端開發感興趣的朋友，相信你們也會像我一樣，愛上這本書的！

評分☆☆☆☆☆

作為一名已經接觸過一些前端開發一段時間的開發者，我一直在尋找一本能夠幫助我鞏固基礎、提升技能的書籍。這本書的齣現，無疑為我提供瞭一個絕佳的學習平颱。作者在XXX（此處填入具體內容，比如：JavaScript的異步編程、ES6的新特性等）方麵的講解，讓我對這些我之前一直半知半解的概念有瞭全新的認識。他通過清晰的代碼示例和詳盡的解釋，一步步剖析瞭XXX（此處填入具體內容，比如：Promise的運作機製、async/await的使用場景等）的內在邏輯。讓我驚喜的是，書中還涉及瞭一些XXX（此處填入具體內容，比如：性能優化的高級技巧、前端安全的基礎知識等）的內容，這些是我之前學習中常常忽略但又至關重要的部分。這本書的設計非常人性化，每一章的結尾都有總結和練習題，能夠幫助我及時鞏固所學內容。我能夠感受到作者在編寫這本書時投入瞭大量的心血，力求將最前沿、最實用的知識傳達給讀者。

評分☆☆☆☆☆

這本書絕對是近期我讀到的一本讓人眼前一亮的作品。從拿到手的那一刻起，就被它紮實的理論基礎和清晰的邏輯結構所吸引。作者在開篇就深入淺齣地闡述瞭XXX（此處可以填入具體的技術概念，比如：響應式設計的核心理念、前端開發的基本原則等），這對於我這個初學者來說，簡直是醍醐灌頂。我之前嘗試過一些其他的入門教程，但總覺得抓不住重點，學起來斷斷續續的。而這本書則不一樣，它層層遞進，每一步都建立在前一步的基礎上，讓我能夠穩紮穩打地前進。特彆是關於XXX（此處填入具體內容，比如：網格係統的使用、組件的定製化等）的章節，我反復閱讀瞭好幾遍，結閤書中提供的代碼示例，親自實踐，纔算真正理解瞭其中的精髓。而且，書中不僅僅是理論的堆砌，更重要的是提供瞭大量的實戰案例，這些案例的設計非常貼近實際開發場景，讓我覺得學到的知識馬上就能派上用場，大大增強瞭我的學習動力和信心。這本書就像一位循循善誘的老師，耐心地引導我一步步走上前端開發的道路。

評分☆☆☆☆☆

我一直對網頁的視覺呈現和交互體驗充滿好奇，總想著能親手打造齣美觀又實用的網站。市麵上關於前端技術的書籍琳琅滿目，但真正能讓我深入理解並願意堅持讀下去的卻少之又少。直到我遇到瞭這本書，它用一種非常直觀且富有啓發性的方式，帶領我認識瞭XXX（此處填入具體內容，比如：CSS預處理器的工作原理、JavaScript的事件循環機製等）。我特彆喜歡作者在講解XXX（此處填入具體內容，比如：動畫效果的實現、錶單驗證的技巧等）時的思路，他總是能從最基礎的概念講起，然後逐步深入到更復雜的技術細節，並且會用很多生動形象的比喻來幫助理解。最讓我印象深刻的是，書中關於XXX（此處填入具體內容，比如：如何優化網頁加載速度、如何進行響應式布局的調試等）的部分，這些都是我在實際項目中常常會遇到的痛點，而這本書給齣瞭非常實用且可行的解決方案。讀完這本書，我感覺自己對前端開發有瞭更係統、更深入的認識，也更有底氣去麵對未來的挑戰瞭。

評分☆☆☆☆☆

東西不錯，網上有的都有，一些細節也有，但是為什麼沒有光盤呢，在綫視頻也沒有吧

評分☆☆☆☆☆

此用戶未及時評價，係統默認好評。

評分☆☆☆☆☆

書的質量還不錯，內容慢慢看！

評分☆☆☆☆☆

詳細，對bs有一個梳理. 不過亮點太少，和官方文檔重復度太高，個人使用心得太少

評分☆☆☆☆☆

書的質量不錯，一看就是正版書籍

評分☆☆☆☆☆

618活動購買，完全控製不住自己，買瞭好多好多書，為瞭這些事還特意買瞭書櫃！

評分☆☆☆☆☆

搞活動很劃算，書都是正版，沒問題

評分☆☆☆☆☆

+1

評分☆☆☆☆☆

京東購物，速度快，服務好，價格實惠。。。