跳到主要內容
Bootstrap 4 有更新版本!

例子

使用我們的任何示例快速啟動項目,範圍從使用框架的一部分到自定義組件和佈局。

下載源代碼

自定義組件

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

專輯截圖
專輯

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

定價截圖
價錢

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

結帳截圖
查看

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

產品截圖
產品

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

封面截圖
覆蓋

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

輪播截圖
旋轉木馬

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

博客截圖
博客

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

儀表板屏幕截圖
儀表板

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

登錄屏幕截圖
登入

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

粘滯頁腳屏幕截圖
粘性頁腳

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

粘滯頁腳導航欄屏幕截圖
粘性頁腳導航欄

使用固定的頂部導航欄將頁腳附加到視口底部。

框架

專注於實現使用 Bootstrap 提供的內置組件的示例。

入門模板屏幕截圖
入門模板

除了基礎知識:編譯的 CSS 和 JavaScript。

網格截圖
網格

具有所有四層、嵌套等的網格佈局的多個示例。

超大屏幕截圖
超大屏幕

使用導航欄和一些基本的網格列圍繞 jumbotron 構建。

採用默認導航欄組件並展示如何移動、放置和擴展它。

導航欄截圖
導航欄

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

導航欄靜態截圖
導航欄靜態

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

導航欄固定截圖
導航欄固定

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

導航欄底部截圖
導航欄底部

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

實驗

專注於面向未來的功能或技術的示例。

浮動標籤截圖
浮動標籤

精美簡單的表單,在您的輸入上帶有浮動標籤。

畫布屏幕截圖
畫布外

將您的可擴展導航欄變成一個可滑動的畫布菜單。