自定義組件
全新的組件和模板可幫助人們快速開始使用 Bootstrap 並展示添加到框架中的最佳實踐。

專輯
用於照片畫廊、投資組合等的簡單一頁模板。

價錢
使用卡片構建並具有自定義頁眉和頁腳的示例定價頁面。

查看
顯示我們的表單組件及其驗證功能的自定義結帳表單。

產品
精益以產品為中心的營銷頁面,具有廣泛的網格和圖像工作。

覆蓋
用於構建簡單而漂亮的主頁的單頁模板。

旋轉木馬
自定義導航欄和輪播,然後添加一些新組件。

博客
雜誌,如帶有標題、導航、特色內容的博客模板。

儀表板
帶有固定側邊欄和導航欄的基本管理儀表板外殼。

登入
用於簡單登錄表單的自定義表單佈局和設計。

粘性頁腳
當頁面內容較短時,將頁腳附加到視口底部。

粘性頁腳導航欄
使用固定的頂部導航欄將頁腳附加到視口底部。
框架
專注於實現使用 Bootstrap 提供的內置組件的示例。
導航欄
採用默認導航欄組件並展示如何移動、放置和擴展它。

導航欄
演示導航欄的所有響應式和容器選項。

導航欄靜態
靜態頂部導航欄的單個導航欄示例以及一些附加內容。

導航欄固定
帶有固定頂部導航欄以及一些附加內容的單個導航欄示例。

導航欄底部
帶有底部導航欄以及一些附加內容的單個導航欄示例。
實驗
專注於面向未來的功能或技術的示例。
使用 Bootstrap 主題走得更遠
需要比這些例子更多的東西嗎?使用來自官方 Bootstrap 主題市場的高級主題將 Bootstrap 提升到一個新的水平。它們是作為自己的擴展框架構建的,具有豐富的新組件和插件、文檔和強大的構建工具。
瀏覽主題