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

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

響應式圖片

Bootstrap 的圖片已透過以下方式實現響應式： .img-fluid. 此設定 max-width: 100%; 和 height: auto; 套用到圖片，使其能隨父層寬度縮放。

排版

Bootstrap 排版文件與範例，包含全域設定、標題、內文、列表等。

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

所有 HTML 標題， <h1> 到 <h6>, 皆可使用。 .h1 到 .h6 想了解更多个性化订阅提醒，不错过任何重要信息。相关内容，尽在pg电子北京站-APP下载。

所有 HTML 標題， <h1> 到 <h6>, 皆可使用。 .h1 到 .h6 pg电子北京站-APP下载围绕简洁高效的界面设计，多端同步流畅体验。不断创新，回应用户的真实需求。

所有 HTML 標題， <h1> 到 <h6>, 皆可使用。 .h1 到 .h6 精选PG电子北京站内容，pg电子北京站-APP下载与你一同发现更多精彩。

所有 HTML 標題， <h1> 到 <h6>, 皆可使用。 .h1 到 .h6 pg电子北京站-APP下载专注北京pg电子，为用户提供专业可靠的体验。

所有 HTML 標題， <h1> 到 <h6>, 皆可使用。 .h1 到 .h6 围绕提供最新的电竞赛事赛程与积分榜。，pg电子北京站-APP下载持续打磨更优质的服务。

Bootstrap 的卡片提供了一個靈活且可擴展的內容容器，具有多種變體和選項。

探索英雄与阵容的偏好统计，发掘隐藏的制胜之道。

关注您喜爱的战队，获取专属动态更新。

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

卡片的基礎元件是 .card-body. 當您需要在卡片內需要有內距的區塊時使用。