首页
学习
活动
专区
工具
TVP
发布
精选内容/技术社群/优惠产品,尽在小程序
立即前往

下载 | Download

下载Bootstrap以获取已编译的CSS和JavaScript,源代码,或者将其与您最喜爱的软件包管理器(如npm,RubyGems等)一起使用。

编译CSS和JS

Bootstrap v4.0.0-beta.2下载现成可用的编译代码,轻松将其放入您的项目中,其中包括:

  • 编译和缩小CSS包(请参阅CSS文件比较)
  • 编译和缩小JavaScript插件

这不包括文档,源文件或任何可选的JavaScript依赖项(jQuery和Popper.js)。

源文件

通过下载我们的源Sass,JavaScript和文档文件,用您自己的资产管道编译Bootstrap。这个选项需要一些额外的工具:

  • Sass编译器(支持Libsass或Ruby Sass)用于编译您的CSS。
  • 用于CSS供应商前缀的Autoprefixer

如果您需要构建工具,它们将包含在开发Bootstrap及其文档中,但它们可能不适合您自己的目的。

Bootstrap CDN

使用Bootstrap CDN跳过下载,将缓存的Bootstrap编译后的CSS和JS版本传送到您的项目。

代码语言:javascript
复制
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/4.0.0-beta.2/css/bootstrap.min.css" integrity="sha384-PsH8R72JQ3SOdhVi3uxftmaW6Vc51MKb0q5P2rRUpPvrszuE4W1povHYgTpBfshb" crossorigin="anonymous">
<script src="https://maxcdn.bootstrapcdn.com/bootstrap/4.0.0-beta.2/js/bootstrap.min.js" integrity="sha384-alpBpkh1PFOepccYVYDB4do5UnbKysX5WZXm3XxPqe5iKTfUKjNkCk9SaVuEZflJ" crossorigin="anonymous"></script>

如果您使用我们编译的JavaScript,请不要忘记在它之前包含jQuery和Popper.js的CDN版本。

代码语言:javascript
复制
<script src="https://code.jquery.com/jquery-3.2.1.slim.min.js" integrity="sha384-KJ3o2DKtIkvYIK3UENzmM7KCkRr/rE9/Qpg6aAZGJwFDMVNA/GpGFF93hXpG5KkN" crossorigin="anonymous"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/popper.js/1.12.3/umd/popper.min.js" integrity="sha384-vFJXuSJphROIrBnz7yo7oB41mKfc8JzQZiCq4NCceLEaO4IHwicKwpJf9c9IpFgh" crossorigin="anonymous"></script>

包管理员

将Bootstrap的源文件引入几乎所有最受欢迎的软件包管理器的项目中。无论软件包管理器如何,Bootstrap都需要Sass编译器和 Autoprefixer来完成与我们官方编译版本相匹配的设置。

npm

使用npm包安装Bootstrap到您的Node.js应用程序中

代码语言:javascript
复制
npm install bootstrap@4.0.0-beta.2

require('bootstrap')将所有Bootstrap的jQuery插件加载到jQuery对象上。该bootstrap模块本身不出口任何东西。您可以通过将/js/*.js文件加载到程序包的顶级目录下来手动加载Bootstrap的jQuery插件。

Bootstrap的package.json包含下列键下的一些额外的元数据:

  • sass- Bootstrap主要Sass源文件的路径
  • style - 使用默认设置进行预编译的Bootstrap非缩小CSS的路径(无自定义)

RubyGems

使用Bundler推荐)和RubyGems在您的Ruby应用程序中安装Bootstrap,方法是将以下行添加到您的Gemfile

代码语言:javascript
复制
gem 'bootstrap', '~> 4.0.0.beta2'

或者,如果您不使用Bundler,则可以通过运行以下命令来安装gem:

代码语言:javascript
复制
gem install bootstrap -v 4.0.0.beta2

有关更多详细信息,请参阅gem的自述文件

Composer

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

代码语言:javascript
复制
composer require twbs/bootstrap:4.0.0-beta.2

NuGet

如果您使用.NET开发,您还可以使用NuGet安装和管理Bootstrap的CSSSass和JavaScript :

代码语言:javascript
复制
Install-Package bootstrap -Pre
代码语言:javascript
复制
Install-Package bootstrap.sass -Pre

-Pre要求,直到引导V4有一个稳定版本。

扫码关注腾讯云开发者

领取腾讯云代金券