Skip to main content Skip to docs navigation

Boostrap下载

下载Bootstrap以获取编译的CSS和JavaScript、源代码,或将其与包管理器(如npm、RubyGems等)一起使用。

编译的CSS和JS

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

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

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

下载

源码文件

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

如果您需要我们的构建工具,它们可以用于开发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的路径(无自定义)
通过npm启动Bootstrap! 前往twbs/bootstrap npm starter模板库,了解如何在自己的npm项目中构建和定制bootstrap。包括Sass编译器、Autoprefixer、Stylent、PurgeCSS和引导图标。

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的CSSSassSass和JavaScript。较新的项目应该使用 libmanlibman或其他方法,因为NuGet是为编译代码而设计的,而不是前端。

Install-Package bootstrap
Install-Package bootstrap.sass