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

為什麼要學習Bootstrap?

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

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

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

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

• 為創建開發人員界麵提供一種簡單而一致的方法。
• 它有許多有吸引力和有效的內置組件，很容易進行個性化設置。
• 它還有一個基於網絡的定製選項。
• 它也是開源的，這是一個巨大的優勢。

應用程序的引導:

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

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

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

JavaScript插件:Bootstrap中包含了超過12個定製的jQuery插件。你可以很容易地將它們全部合並，或者一次隻合並一個。引導插件一節將對此進行深入介紹。

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

觀眾:這個培訓是為任何人有基本的理解HTML和CSS和創建網站的願望。完成本培訓後，您將有一個中等水平的技能在設計與Twitter Bootstrap web項目。

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