Bootstrap 4 教程
Bootstrap 4 是 Bootstrap 的新版本，Bootstrap 是最流行的用於開發響應式、移動優先網站的 HTML, CSS 和 JavaScript 框架。
Bootstrap 4 完全免費下載和使用！
動手實踐示例
本 Bootstrap 4 教程包含數百個 Bootstrap 4 示例。
透過我們的線上編輯器，您可以編輯程式碼，然後點選按鈕檢視結果。
Bootstrap 4 示例
<div class="jumbotron text-center">
<h1>我的第一個 Bootstrap 頁面</h1>
<p>調整此響應式頁面大小以檢視效果！</p>
</div>
<div class="container">
<div class="row">
<div class="col-sm-4">
<h3>列 1</h3>
<p>Lorem ipsum dolor..</p>
</div>
<div class="col-sm-4">
<h3>列 2</h3>
<p>Lorem ipsum dolor..</p>
</div>
<div class="col-sm-4">
<h3>列 3</h3>
<p>Lorem ipsum dolor..</p>
</div>
</div>
</div>
自己動手試一試 »單擊“Try it Yourself”按鈕檢視其工作原理。
Bootstrap 5 vs. Bootstrap 3 & 4
本教程基於 2018 年釋出的 **Bootstrap 4**，它是 Bootstrap 3 的升級版本，增加了新的元件、更快的樣式表、更強的響應性等。
Bootstrap 5 (釋出於 2021 年) 是 Bootstrap 的最新版本；它支援所有主流瀏覽器和平臺的最新穩定版本。但是，Internet Explorer 11 及以下版本不受支援。
Bootstrap 5 與 Bootstrap 3 和 4 的主要區別在於，Bootstrap 5 已切換到JavaScript而不是jQuery。
注意：Bootstrap 3和 Bootstrap 4 仍由團隊支援關鍵錯誤修復和文件更改，並且可以安全地繼續使用它們。但是，不會向它們新增新功能。
Bootstrap 4 基礎模板
我們建立了一個帶有 Bootstrap 4 的響應式入門模板。您可以自由修改、儲存、分享並在您的專案中使用它。
我的學習
在 W3Schools 使用免費的“我的學習”計劃來跟蹤你的進度。
登入你的賬戶，開始賺取積分！
這是一個可選功能。你可以在 W3Schools 學習，而無需使用“我的學習”。
Bootstrap 參考
所有 Bootstrap 4 CSS 類的完整列表，包含描述和示例。
如果您想使用 Bootstrap 元件實現更多功能，請參閱我們完整的 Bootstrap 4 JavaScript/jQuery 參考 - 所有內容均附帶“自己動手”示例。
Bootstrap 4 練習
Bootstrap 4 測驗
在 W3Schools 測試您的 Bootstrap 4 技能！
