跳到主要內容 跳到文檔導航
in English

下載

下載 Bootstrap 以獲取已編譯的 CSS 和 JavaScript、源代碼，或將其包含在您喜歡的包管理器中，如 npm、RubyGems 等。

在本頁面

編譯的 CSS 和 JS

為Bootstrap v5.1.3下載現成的編譯代碼以輕鬆放入您的項目，其中包括：

這不包括文檔、源文件或任何可選的 JavaScript 依賴項，如 Popper。

下載

源文件

通過下載我們的源 Sass、JavaScript 和文檔文件，使用您自己的資產管道編譯 Bootstrap。此選項需要一些額外的工具：

如果您需要我們的全套構建工具，它們包含在開發 Bootstrap 及其文檔中，但它們可能不適合您自己的目的。

下載源

例子

如果您想下載並查看我們的示例，您可以獲取已經構建的示例：

下載示例

CDN 通過 j​​sDelivr

使用jsDelivr跳過下載，將 Bootstrap 編譯的 CSS 和 JS 的緩存版本交付給您的項目。

<link href="https://cdn.jsdelivr.net/npm/[email protected]/dist/css/bootstrap.min.css" rel="stylesheet" integrity="sha384-1BmE4kWBq78iYhFldvKuhfTAU6auU8tT94WrHftjDbrCEXSU1oBoqyl2QvZ6jIW3" crossorigin="anonymous">
<script src="https://cdn.jsdelivr.net/npm/[email protected]/dist/js/bootstrap.bundle.min.js" integrity="sha384-ka7Sk0Gln4gmtz2MlQnikT1wXgYsOg+OMhuP+IlRH9sENBO0LRn5q+8nbTov4+1p" crossorigin="anonymous"></script>

如果您使用我們編譯的 JavaScript 並希望單獨包含 Popper，請在我們的 JS 之前添加 Popper，最好通過 CDN。

<script src="https://cdn.jsdelivr.net/npm/@popperjs/[email protected]/dist/umd/popper.min.js" integrity="sha384-7+zCNj/IqJ95wo16oMtfsKbZ9ccEh31eOz1HGyDuCQ6wgnyJNSYdrPa03rtR1zdB" crossorigin="anonymous"></script>
<script src="https://cdn.jsdelivr.net/npm/[email protected]/dist/js/bootstrap.min.js" integrity="sha384-QJHtvGhmr9XOIpI6YVutG+2QOK9T+ZnN4kzFN1RtK3zEFEIsxhlmWl5/YESvpZ13" crossorigin="anonymous"></script>

包管理器

使用一些最流行的包管理器將Bootstrap 的源文件引入到幾乎任何項目中。無論使用何種包管理器，Bootstrap 都需要Sass 編譯器和Autoprefixer來進行與我們的官方編譯版本相匹配的設置。

npm

使用npm 包在 Node.js 驅動的應用程序中安裝 Bootstrap ：

npm install bootstrap

const bootstrap = require('bootstrap')或者import bootstrap from 'bootstrap'將所有 Bootstrap 的插件加載到一個對bootstrap像上。bootstrap模塊本身導出我們所有的插件。/js/dist/*.js您可以通過加載包頂級目錄下的文件來單獨手動加載 Bootstrap 的插件。

Bootstrappackage.json在以下鍵下包含一些額外的元數據：

  • sass- Bootstrap 的主要Sass源文件的路徑
  • style- 使用默認設置預編譯的 Bootstrap 的非縮小 CSS 的路徑（無自定義）
通過我們的入門項目通過 npm 開始使用 Bootstrap！前往 twbs/bootstrap-npm-starter模板存儲庫，了解如何在您自己的 npm 項目中構建和自定義 Bootstrap。包括 Sass 編譯器、Autoprefixer、Stylelint、PurgeCSS 和 Bootstrap 圖標。

紗

使用yarn 包在 Node.js 驅動的應用程序中安裝 Bootstrap ：

yarn add bootstrap

紅寶石寶石

使用Bundler（推薦）和RubyGems在您的 Ruby 應用程序中安裝 Bootstrap，方法是將以下行添加到您的Gemfile：

gem 'bootstrap', '~> 5.1.3'

或者，如果您不使用 Bundler，則可以通過運行以下命令來安裝 gem：

gem install bootstrap -v 5.1.3

有關詳細信息，請參閱 gem 的 README。

作曲家

您還可以使用Composer安裝和管理 Bootstrap 的 Sass 和 JavaScript ：

composer require twbs/bootstrap:5.1.3

NuGet

如果您使用 .NET 進行開發，您還可以使用NuGet安裝和管理 Bootstrap 的CSS或Sass和 JavaScript ：

Install-Package bootstrap

Install-Package bootstrap.sass