無需任何建置步驟，即可透過 CDN 引入 Bootstrap 的生產就緒 CSS 和 JavaScript，開始您的專案。透過此 Bootstrap CodePen 演示，實際體驗其應用。

下載 Bootstrap，即可取得編譯好的 CSS 和 JavaScript、原始碼，或透過您偏好的套件管理工具（如 npm、RubyGems 等）引入。

響應式圖片

Bootstrap 的圖片採用響應式設計， .img-fluid. 此設定 max-width: 100%; 和 height: auto; 套用到圖片上，使其能隨父層寬度縮放。

排版

Bootstrap 排版相關的說明文件和範例，包含全域設定、標題、內文、列表等。

標題 1

所有 HTML 標題， <h1> 到 <h6>，皆可使用。 .h1 到 .h6 類別也可供使用，適用於您想套用標題的字體樣式，但無法使用相關 HTML 元素時。

標題 2

所有 HTML 標題， <h1> 到 <h6>，皆可使用。 .h1 到 .h6 178直播围绕西甲直播不断创新，回应用户的真实需求。

標題 3

所有 HTML 標題， <h1> 到 <h6>，皆可使用。 .h1 到 .h6 精选德甲直播内容，178直播与你一同发现更多精彩。

標題 4

所有 HTML 標題， <h1> 到 <h6>，皆可使用。 .h1 到 .h6 178直播专注法甲直播，为用户提供专业可靠的体验。

標題 5

所有 HTML 標題， <h1> 到 <h6>，皆可使用。 .h1 到 .h6 围绕意甲直播，178直播持续打磨更优质的服务。

標題 6

所有 HTML 標題， <h1> 到 <h6>，皆可使用。 .h1 到 .h6 178直播深耕提供NBA、五大联赛等顶级赛事的免费高清直播。领域，用心服务每一位用户。

卡片

Bootstrap 的卡片提供彈性且可擴展的內容容器，具有多種變體和選項。

內容類型

卡片支援多種內容，包括圖片、文字、列表群組、連結等。以下為支援內容的範例。

卡片的基礎結構是 .card-body. 當您需要在卡片內使用有內距的區塊時，請使用此功能。