近年來，Twitter Bootstrap已經成為最流行的前端框架。它是一個幹淨、直觀、強大的移動優先前端框架，使web開發變得更快、更容易。HTML、CSS和JavaScript都被使用。這節課將教你Bootstrap框架的基礎知識，你可以使用它輕鬆地開發web項目。Bootstrap基本結構，Bootstrap CSS, Bootstrap布局組件和Bootstrap插件都在本教程中涵蓋。每一節都包含彼此相關的主題，並提供簡單而有用的示例。

為什麼要學習Bootstrap?

移動優先的方法:Bootstrap 3框架將它們包含在整個庫中，而不是將Mobile First樣式放在不同的文件中。

瀏覽器支持:所有主流瀏覽器都與之兼容。

簡單入門:任何對HTML和CSS有基本了解的人都可以從Bootstrap開始。官方Bootstrap站點還提供了優秀的文檔。

響應設計:Bootstrap中的響應式CSS適用於台式機、平板電腦和移動設備。引導響應式設計一章有更多關於響應式設計的信息。

• 提供一種簡單而一致的方式來創建開發人員接口。
• 它帶有許多具有吸引力和有效的內置組件，易於個性化。
• 它還有一個基於web的定製選項。
• 它也是開源的，這是一個巨大的優勢。

Bootstrap的應用:

支架:Bootstrap附帶一個基本框架，包括網格係統、鏈接樣式和背景。引導基本結構一節將對此進行深入討論。

CSS:Bootstrap中包括全局CSS設置、基本HTML組件的風格化和可擴展類的改進，以及複雜的網格係統。使用CSS引導一節將深入討論這一點。

組件:Bootstrap中包含了十多個可重用組件，包括圖標、下拉菜單、導航、通知、彈出窗口等等。布局組件一節將深入介紹這些內容。

JavaScript插件:Bootstrap中包含了超過12個定製的jQuery插件。你可以很容易地將它們全部合並，或者一次隻合並一個。引導插件部分將深入討論這一點。

自定義:Bootstrap的組件、LESS變量和jQuery插件都可以自定義創建自己的版本。

觀眾:本培訓適用於任何對HTML和CSS有基本了解並渴望創建網站的人。你將有一個中等水平的技能，在設計與Twitter Bootstrap網站項目後，完成這項培訓。

先決條件:在開始本課程之前，我們將假設您已經熟悉HTML和CSS的基礎知識。如果你不熟悉這些主題，我們建議你閱讀我們的HTML和CSS教程