Bootstrap 中文手冊

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

Bootstrap簡介

Bootstrap最初是由Twitter的設計師和開發人員在2010年中期創建的。在成為開源框架之前，Bootstrap被稱為Twitter藍圖。

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

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

注意：預設情況下，Bootstrap 4具有回應性，採用行動優先方法。 Bootstrap 4.3是Bootstrap最新，最穩定的版本。所有主要的現代瀏覽器都支援Bootstrap 4，例如Google Chrome，Firefox，Safari，Internet Explorer 10及更高版本等。

你可以用Bootstrap做什麼

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

• 您可以輕鬆建立響應式網站。

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

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

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

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

• 您可以輕鬆建立動態標籤來管理大量內容。

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

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

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

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

使用Bootstrap的優點

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

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

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

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

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

• 相容瀏覽器 - Bootstrap是在考慮現代網頁瀏覽器的情況下創建的，它與所有現代瀏覽器相容，如Chrome，Firefox，Safari，Internet Explorer等。

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

本教學涵蓋的內容

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

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

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

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

• HTML教學

• CSS教學

• JAVASCRIPT教學