Bootstrap 下载

标签: Bootstrap 起步
  • 下载编译好的CSS和JavaScript以及源码。
  • 或者使用包管理器,如npm,RubyGems等。

已编译文件包

下载开箱即用的Bootstrap v4.3.1已编译包,其中包括:

  • 编译压缩过的CSS文件(CSS文件比较
  • 编译压缩过的JavaScript文件

此包不含文档,源文件或任何其他JavaScript依赖项(jQuery和Popper.js)。

下载已编译包

源文件

下载源文件自己编译。此选项需要一些额外的工具:

  • Sass编译器(支持Libsass或Ruby Sass)。
  • 浏览器前缀插件 Autoprefixer

此外你还需要构建工具,Bootstrap开发文档中包含这些工具。

下载源代码

BootstrapCDN

不用单独下载,直接使用BootstrapCDN

<link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/bootstrap/4.3.1/css/bootstrap.min.css" integrity="sha384-ggOyR0iXCbMQv3Xipma34MD+dH/1fQ784/j6cY/iJTQUOhcWr7x9JvoRxT2MZw1T" crossorigin="anonymous">
<script src="https://stackpath.bootstrapcdn.com/bootstrap/4.3.1/js/bootstrap.min.js" integrity="sha384-JjSmVgyd0p3pXB1rRibZUAYoIIy6OrQ6VrjIEaFf/nJGzIxFDsf4x0xIM+B07jRM" crossorigin="anonymous"></script>

如果你使用我们编译的JavaScript,在前面加上jQuery和Popper.js的CDN。

<script src="https://code.jquery.com/jquery-3.3.1.slim.min.js" integrity="sha384-q8i/X+965DzO0rT7abK41JStQIAqVgRVzpbzo5smXKp4YfRvH+8abtTE1Pi6jizo" crossorigin="anonymous"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/popper.js/1.14.7/umd/popper.min.js" integrity="sha384-UO2eT0CpHqdSJQ6hJty5KVphtPhzWj9WO1clHTMGa3JDZwrnQq4sF86dIHNDz0W1" crossorigin="anonymous"></script>

包管理器

NPM

使用npm安装Bootstrap :

npm install bootstrap

require('bootstrap') 加载所有的Bootstrap插件到jQuery对象上。该bootstrap模块本身不导出任何东西。您可以手动引用/js/*.js目录下jQuery插件。

package.json 文件包含一些额数据:

  • sass- Bootstrap的主要Sass源文件的路径
  • style - CSS路径(无需自定义)

Yarn

使用yarn包在Node.js驱动的应用程序中安装Bootstrap :

yarn add bootstrap

RubyGems

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

gem 'bootstrap', '~> 4.3.1'

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

gem install bootstrap -v 4.3.1

有关更多详细信息,请参阅gem的README

Composer

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

复制

composer require twbs/bootstrap:4.3.1

NuGet

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

复制

Install-Package bootstrap

复制

Install-Package bootstrap.sass

本文由 巨应教程  原创出品,转载请标明出处。