入門範例(Starters)
使用 Bootstrap 搭配常見 JS 框架(如 Webpack、Parcel、Vite 等)的功能性範例,您可以在 StackBlitz 中編輯。
Sass 與 JS
使用 npm 匯入並編譯 Bootstrap 的 Sass(搭配 Autoprefixer 和 Stylelint),以及我們打包的 JavaScript。
Sass 與 ESM JS
使用 Autoprefixer 和 Stylelint 匯入並編譯 Bootstrap 的 Sass,並使用 ESM shim 編譯我們的原始 JavaScript。
程式碼片段(Snippets)
建構網站和應用程式的常見模式,基於現有元件和通用類別,搭配自訂 CSS 等。

頁首
使用這些頁首元件展示您的品牌、導覽、搜尋等。

主視覺區塊
使用具有明確行動呼籲的主視覺區塊為您的首頁揭開序幕。

特色功能
在行銷內容中說明功能、優點或其他細節。

側邊欄
適用於側邊面板或多欄版面配置的常見導覽模式。

頁尾
使用精美的頁尾為每個頁面畫下完美句點,無論大小。

下拉選單
使用篩選器、圖示、自訂樣式等增強您的下拉選單。

列表群組
使用通用類別和自訂樣式為任何內容擴展列表群組。

互動視窗
將互動視窗轉換為各種用途,從功能導覽到對話框。

標記
使用自訂內部 HTML 和新外觀讓標記更出色。

麵包屑導覽
整合自訂圖示並建立步驟元件。

按鈕
使用通用類別為幾乎任何使用情境建立自訂按鈕。

大型橫幅
建立經典 Bootstrap 元件的現代化版本。
自訂元件(Custom Components)
全新的元件和範本,幫助使用者快速開始使用 Bootstrap 並展示擴展框架的最佳實踐。

相簿
適用於相簿、作品集等的簡單單頁範本。

定價頁面
使用卡片建構的定價頁面範例,具有自訂頁首和頁尾。

結帳表單
自訂結帳表單,展示我們的表單元件及其驗證功能。

產品頁面
精簡的產品導向行銷頁面,具有豐富的格線和圖片處理。

封面頁
用於建構簡單精美首頁的單頁範本。

輪播頁面
客製化導覽列和輪播,然後加入一些新元件。

部落格
雜誌風格的部落格範本,具有頁首、導覽、精選內容。

儀表板
基本的管理儀表板外殼,具有固定側邊欄和導覽列。

登入頁面
簡單登入表單的自訂表單版面配置和設計。

固定頁尾
當頁面內容較短時,將頁尾固定在視窗底部。

固定頁尾導覽列
將頁尾固定在視窗底部,並具有固定頂部導覽列。

大型橫幅
使用通用類別重新建立並增強 Bootstrap 4 的 jumbotron。
框架(Framework)
專注於實現 Bootstrap 內建元件用法的範例。
導覽列(Navbars)
以預設導覽列元件為基礎,展示如何移動、放置和擴展它。
RTL(從右至左)
透過這些來自各類別的修改範例,查看 Bootstrap 的 RTL 版本實際運作。















