Boostrap下载

编译的CSS和JS

下载 Bootstrap v5.3.0-alpha1的现成编译代码，以便轻松放入项目，其中包括：

• 编译和缩小的CSS包 (参考 CSS文件)
• 编译和精简的JavaScript插件 (参考 JS文件)

这并不包括文档、源文件或任何可选的JavaScript依赖，如Popper。

下载

源码文件

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

• Sass 编译器把Sass源文件编译成css文件
• Autoprefixer为css增加兼容前缀

如果您需要我们的构建工具，它们可以用于开发Bootstrap及其文档，但它们可能不适合您自己的用途。

下载源码包

示例

如果你想获在我们的全部 官方实例，可以点击这里下载 :

下载示例

通过CDN jsDelivr

不用下载，以CDN引用方式将Bootstrap编译的CSS和JS的缓存版本交付给您的项目。

<link href="https://cdn.jsdelivr.net/npm/bootstrap@5.3.0-alpha1/dist/css/bootstrap.min.css" rel="stylesheet" integrity="sha384-GLhlTQ8iRABdZLl6O3oVMWSktQOp6b7In1Zl3/Jr59b6EGGoI1aFkw7cmDA6j6gD" crossorigin="anonymous">
<script src="https://cdn.jsdelivr.net/npm/bootstrap@5.3.0-alpha1/dist/js/bootstrap.bundle.min.js" integrity="sha384-w76AqPfDkMBDXo30jS1Sgez6pr3x5MlQ1ZAGC+nuZB+EYdgRZgiwxhTBTkF7CXvN" crossorigin="anonymous"></script>

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

<script src="https://cdn.jsdelivr.net/npm/@popperjs/core@2.11.6/dist/umd/popper.min.js" integrity="sha384-oBqDVmMz9ATKxIep9tiCxS/Z9fNfEXiDAYTujMAeBAsjFuCZSmKbSSUnQlmh/jp3" crossorigin="anonymous"></script>
<script src="https://cdn.jsdelivr.net/npm/bootstrap@5.3.0-alpha1/dist/js/bootstrap.min.js" integrity="sha384-mQ93GR66B00ZXjt0YO5KlohRA5SY2XofN4zfuZxLkoj1gXtW8ANNCe9d5Y3eG5eD" crossorigin="anonymous"></script>

包管理器

使用一些最流行的包管理器，将Bootstrap的源文件接入到项目中。通过包管理器，Bootstrap可以Sass编译器和Autoprefixer来进行与我们官方编译版本相匹配的设置。

npm

使用npm包在Node.js应用中安装Bootstrap：

npm install bootstrap@5.3.0-alpha1

const bootstrap = require('bootstrap') or import bootstrap from 'bootstrap' 入引导将将引导的所有插件加载到引导对象上。引导模块本身导出所有插件。通过在包的顶级目录下加载/js/dist/*.js文件，您可以手动单独加载Bootstrap的插件。

Bootstrappackage.json包含以下一些附加元数据：

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

yarn

使用yarn包在Node.js应用中安装Bootstrap：

yarn add bootstrap@5.3.0-alpha1

RubyGems

使用Bundler（推荐）和RubyGems在Ruby应用程序中安装Bootstrap，方法是在Gemfile中添加以下行：

gem 'bootstrap', '~> 5.3.0-alpha1'

如果您没有使用Bundler，可以通过运行以下命令安装gem：

gem install bootstrap -v 5.3.0-alpha1

See the gem’s README for further details.

Composer

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

composer require twbs/bootstrap:5.3.0-alpha1

NuGet

如果您在.NETFramework中开发，还可以使用NuGet安装和管理Bootstrap的CSS或SassSass和JavaScript。较新的项目应该使用 libmanlibman或其他方法，因为NuGet是为编译代码而设计的，而不是前端。

Install-Package bootstrap

Install-Package bootstrap.sass