下載
下載 Bootstrap 以獲取已編譯的 CSS 和 JavaScript、源代碼,或將其包含在您喜歡的包管理器中,如 npm、RubyGems 等。
編譯的 CSS 和 JS
下載Bootstrap v5.0.2的即用型編譯代碼以輕鬆放入您的項目,其中包括:
這不包括文檔、源文件或任何可選的 JavaScript 依賴項,如 Popper。
源文件
通過下載我們的源 Sass、JavaScript 和文檔文件,使用您自己的資產管道編譯 Bootstrap。此選項需要一些額外的工具:
- 用於將 Sass 源文件編譯成 CSS 文件的Sass 編譯器
- 用於 CSS 供應商前綴的Autoprefixer
如果您需要我們的全套構建工具,它們包含在開發 Bootstrap 及其文檔中,但它們可能不適合您自己的目的。
例子
如果您想下載並查看我們的示例,您可以獲取已經構建的示例:
CDN 通過 jsDelivr
使用jsDelivr跳過下載,將 Bootstrap 編譯的 CSS 和 JS 的緩存版本交付給您的項目。
<link href="https://cdn.jsdelivr.net/npm/[email protected]/dist/css/bootstrap.min.css" rel="stylesheet" integrity="sha384-EVSTQN3/azprG1Anm3QDgpJLIm9Nao0Yz1ztcQTwFspd3yD65VohhpuuCOmLASjC" crossorigin="anonymous">
<script src="https://cdn.jsdelivr.net/npm/[email protected]/dist/js/bootstrap.bundle.min.js" integrity="sha384-MrcW6ZMFYlzcLA8Nl+NtUVF0sA7MsXsP1UyJoMp4YLEuNSfAP+JcXn/tWtIaxVXM" 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-IQsoLXl5PILFhosVNubq5LC7Qb9DXgDA9i+tQ8Zj3iwWAwPtgFTxbJ8NT4GN1R8p" crossorigin="anonymous"></script>
<script src="https://cdn.jsdelivr.net/npm/[email protected]/dist/js/bootstrap.min.js" integrity="sha384-cVKIPhGWiC2Al4u+LWgxfKTRIcfu0JTxR+EQDz/bgldoEyl4H0zUF0QKbrJ0EcQF" 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 的路徑(無自定義)
紗
使用yarn 包在 Node.js 驅動的應用程序中安裝 Bootstrap :
yarn add bootstrap
紅寶石寶石
使用Bundler(推薦)和RubyGems在您的 Ruby 應用程序中安裝 Bootstrap,方法是將以下行添加到您的Gemfile
:
gem 'bootstrap', '~> 5.0.2'
或者,如果您不使用 Bundler,則可以通過運行以下命令來安裝 gem:
gem install bootstrap -v 5.0.2
作曲家
You can also install and manage Bootstrap’s Sass and JavaScript using Composer:
composer require twbs/bootstrap:5.0.2
NuGet
If you develop in .NET, you can also install and manage Bootstrap’s CSS or Sass and JavaScript using NuGet:
Install-Package bootstrap
Install-Package bootstrap.sass