本書主要面向高職、高專軟件技術專業，以及開設前端開發課程專業的學生，可以作為“1+X”證書Web前端開發考試中Bootstrap網站開發內容的參考用書。本書內容以三種常見的網站類型項目為主線，項目按照由易到難，由純框架開發到個人定制開發，由淺入深、循序漸進的思路，知識難度和深度呈階梯式遞增，幫助學生理解和掌握所學的知識。本書案例主要以Bootstrap官網的案例為主進行分析。本書的主要內容涉及Bootstrap環境搭建、全局CSS樣式、組件、JavaScript插件等。

本書由教學工作經驗豐富的資深教師參與編寫而成，每個案例均提供微課、素材、源代碼，讀者進入課程資源平臺即可觀看視頻和查看源代碼。

本書主要面向高職、高專軟件技術專業，以及開設前端開發課程專業的學生，可以作為“1+X”證書Web前端開發考試中Bootstrap網站開發內容的參考用書。本書內容以三種常見的網站類型項目為主線，項目按照由易到難，由純框架開發到個人定制開發，由淺入深、循序漸進的思路，知識難度和深度呈階梯式遞增，幫助學生理解和掌握所學的知識。本書案例主要以Bootstrap官網的案例為主進行分析。本書的主要內容涉及Bootstrap環境搭建、全局CSS樣式、組件、JavaScript插件等。本書由教學工作經驗豐富的資深教師參與編寫而成，每個案例均提供微課、素材、源代碼，讀者進入課程資源平臺即可觀看視頻和查看源代碼。

於曉霞，中山職業技術學院專職教師，主持研究廣東省教育科學規劃研究項目"基於能力本位教育和校企合作工作室模式的實踐教學改革”、廣東省高等職業技術教育研究會課題"高職院校網頁設計與制作課程中多層次、差異化教學設計的研究與實踐”等多個課題和項目，連續多年獲廣東省高等職業院校信息化教學大賽暨全國選撥賽課堂設計項目獎項，著作方向是計算機軟件開發、前端開發。

項目一博客網站開發實戰 1
1．1項目介紹 1
1．2項目效果 3
1．3重點知識 8
1．4項目分析 40
1．5項目實現 42
項目二專題類網站開發實戰 69
2．1項目介紹 69
2．2項目效果 69
2．3重點知識 75
2．4項目分析 79
2．5項目實現 82
項目三後臺管理頁面開發實戰 103
3．1項目介紹 103
3．2項目效果 103
3．3重點知識 107
3．4項目分析 123
3．5項目實現 128

隨著互聯網技術的發展，在大中型互聯網公司中，前端開發工程師的人纔需求規模越來越大。Bootstrap框架技術是目前非常流行的響應式網站開發技術，是最受歡迎的 HTML、CSS和JS框架，用於開發響應式布局、移動設備優先的Web項目。Bootstrap也是目前各高校軟件技術專業，以及開設前端開發課程專業學生的必修課程。Bootstrap是快速開發Web應用程序的前端工具技術通過本書的學習，學生能夠熟練掌握Bootstrap的基本語法和應用方式，熟練運用Bootstrap前端框架的全局CSS樣式、組件、JavaScript插件等，進而培養學生能根據客戶需求，按照最優化的程序設計代碼規範，開發響應式布局網\u200d站的能力。

本書共三個項目。項目一為博客網站開發實戰，主要介紹Bootstrap環境搭建，組件中的導航條、列表組、面版、媒體對像、字體圖標、分頁、縮略圖、標簽頁，全局CSS樣式中的柵格繫統、響應式工具等知識，通過對博客網站的分析和分步驟開發，讓讀者深刻理解和掌握運用基本的Bootstrap框架搭建響應式網站的技術。項目二為專題類網站開發實戰，主要介紹Bootstrap組件中的巨幕、警告框，全局CSS樣式中的排版、按鈕、圖片和輔助類等知識，通過對專題類網站的分析和分步驟開發，讓學生深刻理解和掌握專題類網站的響應式布局技術。項目三為後臺管理頁面開發實戰，主要介紹Bootstrap組件中的進度條、頁頭、下拉菜單，全局CSS樣式中的表格，JavaScrpt插件中的警告框、模態框和彈出框等知識，通過對項目後臺管理網站的分析和分步驟開發，讓學生深刻理解和牢固掌握運用Bootstrap框架定制響應式布局的技\u200d術。

本課程的教學內容以常見的網站類型項目為主線，通過知識架構圖+項目開發手冊+微課的學習模式，幫助學生達到課程教學目標。本書項目的編寫滿足不同層次學生的需求，采用思維導圖，按照項目—任務—問題—知識點的形式制作知識框架，讓有能力的學生通過知識框架圖就可以完成項目開發，也可以通過查閱手冊輔助項目開發。

本書由於曉霞擔任主編，劉良方、陳寧凡、瀋志剛擔任副主編。

雖然我們對本書的所有內容都盡量核實，並進行多次校對，但因時間所限，可能還存在疏漏和不足之處，懇請讀者批評指正。如果讀者在學習和使用本書的過程中遇到困難或疑惑，請發郵件至77374325@qq.com，我們會盡快解\u200d答。