選單
×
   ❮     
HTML CSS JAVASCRIPT SQL PYTHON JAVA PHP HOW TO W3.CSS C C++ C# BOOTSTRAP REACT MYSQL JQUERY EXCEL XML DJANGO NUMPY PANDAS NODEJS R TYPESCRIPT ANGULAR GIT POSTGRESQL MONGODB ASP AI GO KOTLIN SASS VUE DSA GEN AI SCIPY AWS CYBERSECURITY DATA SCIENCE
     ❯   

Bootstrap 3 教程

Bootstrap是用於開發響應式、移動優先網站最流行的HTML、CSS和JavaScript框架。

Bootstrap完全免費下載和使用!

立即開始學習Bootstrap » 學習Bootstrap

動手實踐示例

本Bootstrap教程包含數百個Bootstrap示例。

透過我們的線上編輯器,您可以編輯程式碼,然後點選按鈕檢視結果。

Responsive Bootstrap Page

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練習

透過練習來測試自己

練習

為下面的列表新增正確的類名,將其轉換為分頁選單。

<ul class="">
  <li><a href="#">1</a></li>
  <li><a href="#">2</a></li>
  <li><a href="#">3</a></li>
  <li><a href="#">4</a></li>
  <li><a href="#">5</a></li>
</ul>

開始練習


Bootstrap測驗

在W3Schools測試您的Bootstrap技能!

開始Bootstrap測驗!


我的學習

在 W3Schools 使用免費的“我的學習”計劃來跟蹤你的進度。

登入你的賬戶,開始賺取積分!

這是一個可選功能。你可以在 W3Schools 學習,而無需使用“我的學習”。

Track your progress with at W3Schools.com

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 團隊仍然為關鍵的錯誤修復和文件更改提供支援,並且繼續使用它們是完全安全的。然而,不會為它們新增新功能。


您知道嗎?

W3.CSS 是 Bootstrap 的絕佳替代品。

W3.CSS 更小、更快、更易於使用。

如果您想學習 W3.CSS,請訪問我們的 W3.CSS 教程


×

聯絡銷售

如果您想將 W3Schools 服務用於教育機構、團隊或企業,請傳送電子郵件給我們
sales@w3schools.com

報告錯誤

如果您想報告錯誤,或想提出建議,請傳送電子郵件給我們
help@w3schools.com

W3Schools 經過最佳化,旨在方便學習和培訓。示例可能經過簡化,以提高閱讀和學習體驗。教程、參考資料和示例會不斷審查,以避免錯誤,但我們無法保證所有內容的完全正確性。使用 W3Schools 即表示您已閱讀並接受我們的使用條款Cookie 和隱私政策

版權所有 1999-2024 Refsnes Data。保留所有權利。W3Schools 由 W3.CSS 提供支援