下载 Bootstrap · Bootstrap v4 中文文档 v4.6 | Bootstrap 中文网

下载 Bootstrap 下载 Bootstrap 以获得编译后的 CSS 和 JavaScript 文件、源码，或者通过你所喜欢的软件包管理器，例如 npm、RubyGems 等，将 Bootstrap 添加到你的项目中。 经过编译的 CSS 和 JS 下载 Bootstrap v4.6.2 版本经过编译并立即可用的文件，以便直接用于你的项目。下载的文件包括： 编译并压缩过的 CSS 集成包（参见 CSS 文件比较） 编译并压缩过的 JavaScript 插件（参见 JS 文件比较) 不包括文档、源文件或任何可选的 JavaScript 依赖项（jQuery 和 Popper）。 下载Bootstrap生产文件：https://github.com/twbs/bootstrap/releases/download/v4.6.2/bootstrap-4.6.2-dist.zip 源文件 下载 Bootstrap 的 Sass、JavaScript 和文档源码，并使用你自己的电脑进行编译。此方式需要一些额外的工具： Sass 编译器 用于将 Sass 源文件编译为 CSS 文件 Autoprefixer 用于为某些 CSS 属性添加特定于厂商的属性前缀 Bootstrap 自带的全套 构建工具 已包含在源码中，可以用来开发 Bootstrap 及其文档，但很可能不符合你的目的。 下载Bootstrap源码：https://github.com/twbs/bootstrap/archive/v4.6.2.zip 示例 如果你想下载并查看我们提供的 示例 文件，你可以通过以下链接获取经过构建的示例文件。 下载Bootstrap示例：https://github.com/twbs/bootstrap/releases/download/v4.6.2/bootstrap-4.6.2-examples.zip jsDelivr 使用 jsDelivr 的话可以跳过下载文件的操作，直接在你的项目中使用 Bootstrap 编译过的 CSS 和 JS 文件。 <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/bootstrap@4.6.2/dist/css/bootstrap.min.css" integrity="sha384-xOolHFLEh07PJGoPkLv1IbcEPTNtaed2xpHsD9ESMhqIYd0nLMwNLD69Npy4HI+N" crossorigin="anonymous"> <script src="https://cdn.jsdelivr.net/npm/bootstrap@4.6.2/dist/js/bootstrap.bundle.min.js" integrity="sha384-7ymO4nGrkm372HoSbq1OY2DP4pEZnMiA+E0F3zPr+JQQtQ82gQ1HPY3QIVtztVua" crossorigin="anonymous"></script> 如果你使用的是经过编译的 JavaScript 文件，并且希望单独引入 Popper，那么最好是在 Popper 之后引入 Bootstrap 的 JS 文件。 <script src="https://cdn.jsdelivr.net/npm/jquery@3.5.1/dist/jquery.slim.min.js" integrity="sha384-DfXdz2htPH0lsSSs5nCTpuj/zy4C+OGpamoFVy38MVBnE+IbbVYUew+OrCXaRkfj" crossorigin="anonymous"></script> <script src="https://cdn.jsdelivr.net/npm/popper.js@1.16.1/dist/umd/popper.min.js" integrity="sha384-9/reFTGAW83EW2RDu2S0VKaIzap3H66lZH81PoYlFhbGU+6BZp6G7niu735Sk7lN" crossorigin="anonymous"></script> <script src="https://cdn.jsdelivr.net/npm/bootstrap@4.6.2/dist/js/bootstrap.min.js" integrity="sha384-Lge2E2XotzMiwH69/MXB72yLpwyENMiOKX8zS8Qo7LDCvaBIWGL+GlRQEKIpYR04" crossorigin="anonymous"></script> 软件包管理器 通过一些常用的软件包管理器可以将 Bootstrap 的 源文件 添加到任何项目中。无论使用的是哪个软件包管理器，Bootstrap 都 依赖 Sass 编译器 和 Autoprefixer 以保证编译出的文件与官方的一致。 npm 在你的 Node.js 项目中安装 Bootstrap 的 npm 软件包： npm install bootstrap require('bootstrap') 会将所有 Bootstrap 的 jQuery 插件加载到 jQuery 对象上。bootstrap 模块本身不导出（export）任何内容。Bootstrap 的所有 jQuery 插件都放在软件包顶级目录下的 /js/*.js 中，每个插件都可以独立加载。 Bootstrap 的 package.json 文件中包含以下一些元数据信息： sass - 指向 Bootstrap 的 Sass 入口源码文件路径 style - 指向使用默认设置（没有自定义）预编译的 Bootstrap 的非压缩 CSS 文件的路径 利用 npm 和我们提供的模板项目快速上手 Bootstrap！ 请前往 twbs/bootstrap-npm-starter 模板仓库，了解如何你自己的 npm 项目中构建和定制 Bootstrap。包括 Sass 编译器、Autoprefixer、Stylelint、PurgeCSS 以及 Bootstrap 图标库。 yarn 在你的 Node.js 项目中安装 Bootstrap 的 yarn 软件包： yarn add bootstrap RubyGems 在 Gemfile 中添加如下代码行，然后利用 Bundler (recommended) 和 RubyGems 在你的 Ruby 项目中安装 Bootstrap： gem 'bootstrap', '~> 4.6.2' 另外，如果你不使用 Bundler，则可以通过运行以下命令来安装 Bootstrap 的 gem 软件包： gem install bootstrap -v 4.6.2 有关详细信息，请参见 Bootstrap 的 gem 软件包的 README 文件。 Composer 你还可以利用 Composer 来安装并管理 Bootstrap 的 Sass 和 JavaScript 文件： composer require twbs/bootstrap:4.6.2 NuGet 如果你是 .NET 开发者，你还可以利用 NuGet 来安装并管理 Bootstrap 的 CSS 或 Sass 以及 JavaScript 文件： Install-Package bootstrap Install-Package bootstrap.sass