下載

下載 Bootstrap 以獲得編譯后的 CSS 和 JavaScript 文件、源碼，或者通過你所喜歡的軟件包管理器，例如 npm、RubyGems 等，將 Bootstrap 添加到你的項目中。

On this page

建議大家到 http://www.roadlinkinfra.com/down/list/ 下載最新版本，本處提供的并不一定是最新版本。

經(jīng)過編譯的 CSS 和 JS

經(jīng)過編譯并立即可用的文件，以便直接用于你的項目。下載的文件包括：

編譯并壓縮過的 CSS 集成包
編譯并壓縮過的 JavaScript 插件

不包括文檔、源文件或任何可選的 JavaScript 依賴項（例如 Popper）。https://545c.com/f/930370-492910357-0f859b （訪問密碼：3153）

下載 Bootstrap 生產(chǎn)文件

源文件

下載 Bootstrap 的 Sass、JavaScript 和文檔源碼，并使用你自己的電腦進行編譯。此方式需要一些額外的工具：

Sass 編譯器用于將 Sass 源文件編譯為 CSS 文件
Autoprefixer 用于為某些 CSS 屬性添加特定于廠商的屬性前綴

Bootstrap 自帶的全套構(gòu)建工具已包含在源碼中，可以用來開發(fā) Bootstrap 及其文檔，但很可能不符合你的目的。https://545c.com/f/930370-492910448-d85394 （訪問密碼：3153）

下載 Bootstrap 源碼

示例

如果你想下載并查看我們提供的示例文件，你可以通過以下鏈接獲取經(jīng)過構(gòu)建的示例文件。https://545c.com/f/930370-492910856-4aeeda （訪問密碼：3153）

下載 Bootstrap 示例

使用 jsDelivr 免費 CDN

使用 jsDelivr 的話可以跳過下載文件的操作，直接在你的項目中使用 Bootstrap 編譯過的 CSS 和 JS 文件。

<link href="https://cdn.jsdelivr.net/npm/bootstrap@5.0.0-beta3/dist/css/bootstrap.min.css" rel="stylesheet" integrity="sha384-V06iGeOYiHqaJG18vU/udsyVfgcm8Pgax9HmoZh65R0FrT9X2GZZ8w2ZQcZkzZGV" crossorigin="anonymous">
<script src="https://cdn.jsdelivr.net/npm/bootstrap@5.0.0-beta3/dist/js/bootstrap.bundle.min.js" integrity="sha384-m8fnrzriS+K9UdaDHdBgNfXMAURqWvA2rK5o/xq2kNx9RG3dZAcKo59qXnE9iLUU" crossorigin="anonymous"></script>

如果你使用的是經(jīng)過編譯的 JavaScript 文件，并且希望單獨引入 Popper，那么最好是在 Popper 之后引入 Bootstrap 的 JS 文件。

<script src="https://cdn.jsdelivr.net/npm/@popperjs/core@2.9.2/dist/umd/popper.min.js" integrity="sha384-IQsoLXl5PILFhosVNubq5LC7Qb9DXgDA9i+tQ8Zj3iwWAwPtgFTxbJ8NT4GN1R8p" crossorigin="anonymous"></script>
<script src="https://cdn.jsdelivr.net/npm/bootstrap@5.0.0-beta3/dist/js/bootstrap.min.js" integrity="sha384-gXiI6yLy2LWzzzzePznwPUNBKbmUx73ijJRHE3CnYEjeSQuldGIITSofL0fP45sf" crossorigin="anonymous"></script>

軟件包管理器

通過一些常用的軟件包管理器可以將 Bootstrap 的 源文件 添加到任何項目中。無論使用的是哪個軟件包管理器，Bootstrap 都 依賴 Sass 編譯器和 Autoprefixer 以保證編譯出的文件與官方的一致。

npm

在你的 Node.js 項目中安裝 Bootstrap 的 npm 軟件包：

npm install bootstrap@next

const bootstrap = require('bootstrap') 或 import bootstrap from 'bootstrap' 會將所有 Bootstrap 的插件加載到一個 bootstrap 對象上。 bootstrap 模塊本身導(dǎo)出（export）所有插件。Bootstrap 的所有 jQuery 插件都放在軟件包頂級目錄下的 /js/dist/*.js 中，每個插件都可以獨立加載。

Bootstrap 的 package.json 文件中包含以下一些元數(shù)據(jù)信息：

sass - 指向 Bootstrap 的 Sass 入口源碼文件路徑
style - 指向使用默認設(shè)置（沒有自定義）預(yù)編譯的 Bootstrap 的非壓縮 CSS 文件的路徑

利用 npm 和我們提供的模板項目快速上手 Bootstrap！ 請前往 twbs/bootstrap-npm-starter 模板倉庫，以了解如何如何在你自己的 npm 項目中構(gòu)建和定制 Bootstrap。包括 Sass 編譯器、Autoprefixer、Stylelint、PurgeCSS 以及 Bootstrap 圖標庫。

yarn

在你的 Node.js 項目中安裝 Bootstrap 的 yarn 軟件包：

yarn add bootstrap@next

RubyGems

在 Gemfile 中添加如下代碼行，然后利用 Bundler (recommended) 和 RubyGems 在你的 Ruby 項目中安裝 Bootstrap：

gem 'bootstrap', '~> 5.0.0.beta3'

另外，如果你不使用 Bundler，則可以通過運行以下命令來安裝 Bootstrap 的 gem 軟件包：

gem install bootstrap -v 5.0.0.beta3

有關(guān)詳細信息，請參見 Bootstrap 的 gem 軟件包的 README 文件。

Composer

你還可以利用 Composer 來安裝并管理 Bootstrap 的 Sass 和 JavaScript 文件：

composer require twbs/bootstrap:5.0.0-beta3

NuGet

如果你是 .NET 開發(fā)者，你還可以利用 NuGet 來安裝并管理 Bootstrap 的 CSS 或 Sass 以及 JavaScript 文件：

Install-Package bootstrap

Install-Package bootstrap.sass