Source

下載

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

編譯的 CSS 和 JS

下載Bootstrap v4.4.1的即用型編譯代碼以輕鬆放入您的項目,其中包括:

  • 編譯和縮小的 CSS 包(參見CSS 文件比較
  • 編譯和縮小的 JavaScript 插件

這不包括文檔、源文件或任何可選的 JavaScript 依賴項(jQuery 和 Popper.js)。

下載

源文件

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

  • 用於編譯 CSS 的 Sass 編譯器(支持 Libsass 或 Ruby Sass)。
  • 用於 CSS 供應商前綴的Autoprefixer

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

下載源

jsDelivr

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

<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/[email protected]/dist/css/bootstrap.min.css" integrity="sha384-Vkoo8x4CGsO3+Hhxv8T/Q5PaXtkKtu6ug5TOeNV6gBiFeWPGFN9MuhOf23Q9Ifjh" crossorigin="anonymous">
<script src="https://cdn.jsdelivr.net/npm/[email protected]/dist/js/bootstrap.min.js" integrity="sha384-wfSDF2E50Y2D1uUdj0O3uMBJnjuUD4Ih7YwaYd1iqfktj0Uod8GCExl3Og8ifwB6" crossorigin="anonymous"></script>

如果您使用我們編譯的 JavaScript,請不要忘記在其之前包含 jQuery 和 Popper.js 的 CDN 版本。

<script src="https://code.jquery.com/jquery-3.4.1.slim.min.js" integrity="sha384-J6qa4849blE2+poT4WnyKhv5vZF5SrPo0iEjwBvKU7imGFAV0wwj1yYfoRSJoZ+n" crossorigin="anonymous"></script>
<script src="https://cdn.jsdelivr.net/npm/[email protected]/dist/umd/popper.min.js" integrity="sha384-Q6E9RHvbIyZFJoft+2mJbHaEWldlvI9IOYy5n3zV9zzTtmI3UksdQRVvoxMfooAo" crossorigin="anonymous"></script>

包管理器

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

npm

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

npm install bootstrap

require('bootstrap')將所有 Bootstrap 的 jQuery 插件加載到 jQuery 對像上。bootstrap模塊本身不導出任何東西。/js/*.js您可以通過加載包頂級目錄下的文件來單獨手動加載 Bootstrap 的 jQuery 插件。

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

  • sass- Bootstrap 的主要Sass源文件的路徑
  • style- 使用默認設置預編譯的 Bootstrap 的非縮小 CSS 的路徑(無自定義)

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

yarn add bootstrap

紅寶石寶石

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

gem 'bootstrap', '~> 4.4.1'

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

gem install bootstrap -v 4.4.1

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

作曲家

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

composer require twbs/bootstrap:4.4.1

NuGet

如果您使用 .NET 進行開發,您還可以使用NuGet安裝和管理 Bootstrap 的CSSSass和 JavaScript :

Install-Package bootstrap
Install-Package bootstrap.sass