跳到主题内容 跳到文档导航栏

下载Bootstrap5

下载Bootstrap以获得编译的CSS和JavaScript源代码，或者使用你所擅长的包管理器（例如npm，RubyGems等）加载Bootstrap。

在本页面

编译的 CSS 和 JS

下载Bootstrap v5.0.0-beta1的即用型已编译代码，以轻松放入您的项目中，其中包括：

以下不包含文档、源文件或任何选用的 JavaScript 依赖项（jQuery 和 Popper.js）。

Bootstrap5下载

源文件

通过下载我们的源Sass，JavaScript和文档文件，使用您自己的工具编译Bootstrap。此选项需要一些其他工具：

  • Sass编译器（支持Libsass或Ruby Sass）用于编译CSS。
  • Autoprefixer 用于为 CSS 添加特定浏览器厂商的属性前缀。

如果您需要构建工具，则可以使用它们来开发Bootstrap及其文档，但可能不满足你的需求。

下载源文件

示例

如果您想下载并查看我们的示例，则可以获取已经构建的示例：

下载示例

jsDelivr CDN

使用 jsDelivr 从而跳过下载，将 Bootstrap 的预编译 CSS 和 JS 文件利用缓存加载到你的项目中。

<link href="https://cdn.jsdelivr.net/npm/bootstrap@5.0.0-beta1/dist/css/bootstrap.min.css" rel="stylesheet" integrity="sha384-giJF6kkoqNQ00vy+HMDP7azOuL0xtbfIcaT9wjKHr8RbDVddVHyTfAAsrekwKmP1" crossorigin="anonymous">
<script src="https://cdn.jsdelivr.net/npm/bootstrap@5.0.0-beta1/dist/js/bootstrap.bundle.min.js" integrity="sha384-ygbV9kiqUc6oa4msXn9868pTtWMgiQaeYH7/t7LECLbyPA2x65Kgf80OJFdroafW" crossorigin="anonymous"></script>

如果您使用的是经过编译的JavaScript，并且希望单独包含Popper，则最好通过CDN在我们的JS之前添加Popper。

<script src="https://cdn.jsdelivr.net/npm/@popperjs/core@2.5.4/dist/umd/popper.min.js" integrity="sha384-q2kxQ16AaE6UbzuKqyBE9/u/KzioAlnx2maXQHiDX9d4/zp8Ok3f+M7DPm+Ib6IU" crossorigin="anonymous"></script>
<script src="https://cdn.jsdelivr.net/npm/bootstrap@5.0.0-beta1/dist/js/bootstrap.min.js" integrity="sha384-pQQkAEnwaBkjpqZ8RU1fF1AKtTcHJwFl3pblpTlHXybJjHpMYo79HY3hIi4NKxyj" crossorigin="anonymous"></script>

包管理器

使用一些最受欢迎的软件包管理器，几乎可以将Bootstrap的源文件拖入任何项目中。不管软件包管理器是什么，Bootstrap都将需要Sass编译器Autoprefixer来进行与我们正式编译版本匹配的安装。

npm

使用npm软件包在您的Node.js驱动的应用程序中安装Bootstrap ：

npm install bootstrap@next

const bootstrap = require('bootstrap') 或 import bootstrap from 'bootstrap' 会将所有Bootstrap的插件加载到 bootstrap对象上。 该 bootstrap模块本身会导出我们所有的插件。您可以通过加载/js/dist/*.js软件包顶级目录下的文件来分别手动加载Bootstrap的插件。

Bootstrap’s package.json 在以下键下包含一些其他元数据：

  • sass -Bootstrap的主要Sass源文件的路径
  • style -使用默认设置（未经自定义）预编译的Bootstrap非压缩CSS的路径

yarn

使用yarn软件包在您的Node.js驱动的应用程序中安装Bootstrap ：

yarn add bootstrap@next

RubyGems

在您的Ruby应用程序中使用Bundler (recommended) 和 RubyGems 将Bootstrap安装到您的 Gemfile:

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

另外，如果您不使用Bundler，则可以通过运行以下命令来安装gem：

gem install bootstrap -v 5.0.0.beta1

有关更多 gem信息，请查阅自述文件.

Composer

您还可以使用Composer 安装和管理Bootstrap的Sass和JavaScript ：

composer require twbs/bootstrap:5.0.0-beta1

NuGet

如果使用.NET开发，则还可以使用NuGet安装和管理Bootstrap的CSS或Sass和JavaScript ：

Install-Package bootstrap

Install-Package bootstrap.sass