Bootstrap 3 教程
Bootstrap是用於開發響應式、移動優先網站最流行的HTML、CSS和JavaScript框架。
Bootstrap完全免費下載和使用!
動手實踐示例
本Bootstrap教程包含數百個Bootstrap示例。
透過我們的線上編輯器,您可以編輯程式碼,然後點選按鈕檢視結果。

Bootstrap 示例
<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練習
Bootstrap測驗
在W3Schools測試您的Bootstrap技能!
我的學習
在 W3Schools 使用免費的“我的學習”計劃來跟蹤你的進度。
登入你的賬戶,開始賺取積分!
這是一個可選功能。你可以在 W3Schools 學習,而無需使用“我的學習”。

Bootstrap參考
在W3Schools,您將找到完整的Bootstrap參考,包含所有CSS類、元件和JavaScript外掛——全部帶有“動手實踐”示例
Bootstrap 主題/模板
我們製作了一些Bootstrap模板供您使用。它們完全免費
Bootstrap 5 vs. Bootstrap 3 & 4
本教程遵循Bootstrap 3,釋出於2013年。然而,我們也涵蓋了新版本;Bootstrap 4 (釋出於2018年) 和 Bootstrap 5 (釋出於2021年)。
Bootstrap 5 是最新的Bootstrap 版本;擁有新的元件,更快的樣式表,更強的響應性等等。它支援所有主流瀏覽器和平臺的最新穩定版本。但是,不支援 Internet Explorer 11及更早版本。
Bootstrap 5 與 Bootstrap 3 和 4 的主要區別在於,Bootstrap 5 已切換到JavaScript而不是jQuery。
注意: Bootstrap 3 和 Bootstrap 4 團隊仍然為關鍵的錯誤修復和文件更改提供支援,並且繼續使用它們是完全安全的。然而,不會為它們新增新功能。