內容簡介
本書它用淺顯易懂的方式,幫助大傢掌握各種技術訣竅,進而瞭解Bootstrap的各種復雜細節。第1章是對Bootstrap的簡短介紹;第2章以實際演練的方式討論瞭Bootstrap的組成和相關信息;第3章介紹瞭Bootstrap柵格類的使用;第4章介紹瞭CSS的各種知識;第5章學習字體圖標和路徑導航這類流行的組件;第6章對其他一些組件進行廣泛深入的介紹;第7章使用Javascript以增強用戶體驗;第8章介紹瞭一些第三方工具和主題,從而簡化瞭Bootstrap的網頁設計體驗。
目錄
Contents目錄
譯者序
作者簡介
審校者簡介
前言
第1章Bootstrap入門1
1.1移動優先的設計1
1.2為什麼選擇Bootstrap3
1.3小結6
第2章Bootstrap的安裝與定製7
2.1在HTML文件中包含Bootstrap8
2.2BootstrapCDN10
2.3用自定義的CSS進行覆蓋12
2.4使用Bootstrap定製程序15
2.5Bootstrap的深度定製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變量和mixin44
3.2.1Bootstrap柵格變量45
3.2.2Bootstrap柵格mixin45
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.3well118
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.1FontAwesome164
8.2.2Bootstrap的SocialButtons165
8.2.3BootstrapMagic165
8.2.4JasnyBootstrap166
8.2.5FuelUX167
8.2.6Bootsnipp169
8.2.7Bootdey170
8.2.8BootBundle172
8.2.9StartBootstrap172
8.3開發工具和編輯器173
8.3.1Bootply173
8.3.2LayoutIt174
8.3.3UIBootstrap175
8.3.4Kickstrap175
8.3.5ShoeStrap175
8.3.6StrapPress175
8.3.7Summernote176
8.4官方的Bootstrap資源176
8.4.1Bootlint176
8.4.2BootstrapwithSaaS176
8.4.3BootstrapExpo177
8.5小結177
前言/序言
PrefaceBootstrap是一種能夠增強前端網頁設計的強大框架,它的第3版引入瞭更多的特性,包括移動優先(mobile-first)的響應式柵格、LESS變量、特製的組件以及一些可以幫助用戶設計動態用戶界麵的插件等。隨著移動網頁開發時代的到來,移動和平闆設備逐漸成為人們使用Internet的事實標準。所以,我們有必要先從移動優先的角度設計網站,繼而再考慮颱式和筆記本電腦上更大的屏幕。Bootstrap也可謂是功能豐富,它集成瞭各種精良的解決方案和特性,可以幫助開發人員快速輕鬆地實現睏難的任務。除瞭這些內置的特性,社區還對一些附加的資源和第三方工具提供瞭有力的支持。當我們在構建企業級和美觀的網頁應用程序時,會用到許多復雜的布局樣式,利用這些資源和工具就可以避免在設計中齣現大量不確定性因素。本書就是這樣一份內容豐富的資源,它用淺顯易懂的方式,讓大傢掌握各種技術訣竅,進而瞭解Bootstrap的各種復雜細節。
本書內容第1章是對Bootstrap的簡單介紹。本章解釋瞭我們使用Bootstrap的必要性,此外還闡述瞭Bootstrap為簡化網頁設計所采用的移動優先方法的相關範例。
第2章以實際演練的方式討論瞭Bootstrap的安裝和定製,內容涵蓋瞭定製樣式、Bootstrap的深度定製和LESS文件的編譯。
第3章首先介紹瞭Bootstrap柵格類的使用,從中我們可以學到如何添加行、列與偏移,如何嵌套列,如何使用不同的變量和mixin。最後,我們將通過一個實際的例子,創建一個自定義的博客布局來進行總結。
第4章首先介紹瞭排版的相關內容,然後逐一介紹CSS的各種知識,包括錶格、錶單、按鈕和各種響應式工具,也包括在Bootstrap中廣泛應用的輔助類工具。
第5章將學習字體圖標(glyphicon)和路徑導航(breadcrumb)這類流行的組件,此外還將學習一些不同的導航組件,比如導航標簽頁(navtab)、膠囊式標簽頁(navpill)和下拉菜單,這些組件將幫助大傢構建齣交互式的網頁。
第6章將對其他一些組件進行廣泛深入的介紹,包括Well、標簽、進度條、徽章、麵闆、警告框和分頁,這些組件是“現代”網站的關鍵所在,我們藉此可以構建齣美觀的網站。
第7章將討論一些官方的和選配的插件,可以實現模態窗(modal)、輪播(carousel)、工具提示(tooltip)和摺疊麵闆(accordion),我們可以利用它們快速開發齣動態的網頁,而不需要為瞭實現這些特性而編寫很多復雜的代碼。
第8章將介紹一些令我們受益的第三方工具和主題,它們簡化瞭Bootstrap的網頁設計體驗。這部分內容是一個一站式的解決方案,提供瞭大量的資源,比如模闆、自定義布局以及一些代碼片段,能夠使我們快速輕鬆地實現可靠的用戶界麵。本章還對Bootstrap的未來、下一步的發展以及它與WordPress、Joomla這類“未來”的網頁設計的重要框架的種種兼容性問題進行瞭概述。
附加章節嚮大傢逐步描述瞭構建現代電子商務網站的全過程,有助於大傢理解現實場景中的網頁設計。這一章是一個樣例,供希望能夠利用較為輕量的係統和高效的方式構建企業級網站的讀者以參考。本章通過網絡提供給大傢,地址是:https://www.packtpub.com/sites/default/files/downloads/Building%20an%20e-commerce%20Website%20with%20Bootstrap.pdf。
閱讀本書需要準備的知識我們除瞭需要掌握HTML、CSS和JavaScript的基礎知識之外,還需要一個編輯器。可以用記事本或Notepad++來處理書中的示例。雖然大部分的代碼都是在記事本中編寫的,但你可能更喜歡使用Notepad++,因為它是開源的,功能也更為強大,還具有語法高亮和語法摺疊等特性,能夠幫助我們井然有序地進行編碼。
本書閱讀對象本書既適用於初學者,也適用於那些經驗豐富的網頁設計師和希望構建具有專業外觀的動態網站的開發者。對於希望能把Bootstrap應用在開發中的有追求的用戶而言,除瞭HTML、HTML5和CSS的基礎知識之外,還要掌握一些(非常基本的)JavaScript知識。讀者在閱讀本書之前並不需要掌握Bootstrap的有關知識,因為本書將會把Bootstrap應用到你的“寶貝”項目中所需要的所有訣竅都教給你。
格式約定如果我們希望你關注代碼塊的某一特定部分,相關的代碼行或條目將會加粗顯示。
新術語和重要文字將以粗體顯示。所有我們在屏幕上看到的文字,比如齣現在菜單或對話框中的文本,都將以如下格式顯示:“單擊下載Bootstrap按鈕,文件將會以ZIP格式下載。”
齣現在此框中的文字錶示警告或重要的注意事項。
齣現在此框中的文字錶示提示或技巧。
BootStrap開發精解:原理、技術、工具及最佳實踐 下載 mobi epub pdf txt 電子書 格式