Bootstrap是最受歡迎且最強大的前端（HTML，CSS和JavaScript）框架，可以更快，更輕鬆地做響應式（自適應）Web開發(fā)。

Bootstrap簡介

Bootstrap最初是由Twitter的設(shè)計師和開發(fā)人員在2010年中期創(chuàng)建的。在成為開源框架之前，Bootstrap被稱為Twitter藍圖。

Bootstrap是一個功能強大的前端框架，可以更快，更輕鬆地進行Web開發(fā)。它包括基於HTML和CSS的設(shè)計模板，用於創(chuàng)建常見的用戶介面組件，如表單，按鈕，導航，下拉式選單，警報，模態(tài)，選項卡，手風琴，輪播，工具提示等。

使用Bootstrap可以節(jié)省大量的時間和精力。

注意：預設(shè)情況下，Bootstrap?4具有回應性，採用行動優(yōu)先方法。 Bootstrap?4.3是Bootstrap最新，最穩(wěn)定的版本。所有主要的現(xiàn)代瀏覽器都支援Bootstrap?4，例如Google?Chrome，F(xiàn)irefox，Safari，Internet?Explorer?10及更高版本等。

你可以用Bootstrap做什麼

• 你可以用Bootstrap做更多的事情。

• 您可以輕鬆建立響應式網(wǎng)站。

• 您可以使用預先定義的類別快速建立多列佈局。

• 您可以快速建立不同類型的表單佈局。

• 您可以快速建立不同的導覽列變體。

• 您可以輕鬆創(chuàng)建手風琴，模態(tài)等組件，而無需編寫任何JS程式碼。

• 您可以輕鬆建立動態(tài)標籤來管理大量內(nèi)容。

• 您可以輕鬆建立工具提示和彈出視窗以顯示提示文字。

• 您可以輕鬆建立輪播或圖像滑桿來展示您的內(nèi)容。

• 您可以快速建立不同類型的警報框。

其實遠不止這些，你可以用Bootstrap做很多其他有趣的事情。您將在後續(xù)章節(jié)中詳細了解所有這些內(nèi)容。

使用Bootstrap的優(yōu)點

如果您對任何前端框架有過一些經(jīng)驗，那麼您可能想知道是什麼讓Bootstrap如此特別。以下是為什麼應該選擇Bootstrap框架的一些優(yōu)點：

• 節(jié)省大量時間 - 使用Bootstrap預先定義設(shè)計模板和類別可以節(jié)省大量時間和精力，並專注於其他開發(fā)工作。

• 回應功能 - 使用Bootstrap，您可以輕鬆建立在不同裝置和螢幕解析度上更合適的響應式網(wǎng)站，而無需更改標記。

• 一致的設(shè)計 - 所有Bootstrap元件透過中央庫共享相同的設(shè)計範本和樣式，因此網(wǎng)頁的設(shè)計和佈局將保持一致。

• 容易使用 - Bootstrap非常容易使用。任何具有HTML，CSS和JavaScript基本工作知識的人都可以使用Bootstrap開始開發(fā)。

• 相容瀏覽器 - Bootstrap是在考慮現(xiàn)代網(wǎng)頁瀏覽器的情況下創(chuàng)建的，它與所有現(xiàn)代瀏覽器相容，如Chrome，F(xiàn)irefox，Safari，Internet Explorer等。

• 開源 - 最好的部分是，它可以完全免費下載和使用。

本教學涵蓋的內(nèi)容

這個Bootstrap教學系列涵蓋了Bootstrap框架的所有功能，從基礎(chǔ)知識開始，例如網(wǎng)格系統(tǒng)，排版樣式機制，表單樣式方法，以及樣式化常用使用者介面元素（如表，列表，圖像等）的技術(shù)。

此外，您將學習如何利用隨時可用的Bootstrap組件，如輸入組，按鈕組，媒體對象，導航欄，面板，分頁，標籤和徽章，進度條等，以及如何自定義它們以創(chuàng)建不同的變化。

最後，您將探索Bootstrap的一些高級功能，如創(chuàng)建模態(tài)窗口，動態(tài)選項卡，工具提示，警報，手風琴菜單，輪播，滾動等，以及如何使用可用選項和方法自定義它們或擴展其現(xiàn)有功能。

在您學習本課程之前，請先學習

• HTML教學

• CSS教學

• JAVASCRIPT教學