?
This document uses PHP Chinese website manual Release
下載Bootstrap以獲取已編譯的CSS和JavaScript,源代碼,或者將其與您最喜愛的軟件包管理器(如npm,RubyGems等)一起使用。
為Bootstrap v4.0.0-beta.2下載現(xiàn)成可用的編譯代碼,輕松將其放入您的項(xiàng)目中,其中包括:
編譯和縮小CSS包(請(qǐng)參閱CSS文件比較)
編譯和縮小JavaScript插件
這不包括文檔,源文件或任何可選的JavaScript依賴項(xiàng)(jQuery和Popper.js)。
通過下載我們的源Sass,JavaScript和文檔文件,用您自己的資產(chǎn)管道編譯Bootstrap。這個(gè)選項(xiàng)需要一些額外的工具:
Sass編譯器(支持Libsass或Ruby Sass)用于編譯您的CSS。
用于CSS供應(yīng)商前綴的Autoprefixer
如果您需要構(gòu)建工具,它們將包含在開發(fā)Bootstrap及其文檔中,但它們可能不適合您自己的目的。
使用Bootstrap CDN跳過下載,將緩存的Bootstrap編譯后的CSS和JS版本傳送到您的項(xiàng)目。
<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,請(qǐng)不要忘記在它之前包含jQuery和Popper.js的CDN版本。
<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的源文件引入幾乎所有最受歡迎的軟件包管理器的項(xiàng)目中。無論軟件包管理器如何,Bootstrap都需要Sass編譯器和 Autoprefixer來完成與我們官方編譯版本相匹配的設(shè)置。
使用npm包安裝Bootstrap到您的Node.js應(yīng)用程序中:
npm install bootstrap@4.0.0-beta.2
require('bootstrap')
將所有Bootstrap的jQuery插件加載到j(luò)Query對(duì)象上。該bootstrap
模塊本身不出口任何東西。您可以通過將/js/*.js
文件加載到程序包的頂級(jí)目錄下來手動(dòng)加載Bootstrap的jQuery插件。
Bootstrap的package.json
包含下列鍵下的一些額外的元數(shù)據(jù):
sass
- Bootstrap主要Sass源文件的路徑
style
- 使用默認(rèn)設(shè)置進(jìn)行預(yù)編譯的Bootstrap非縮小CSS的路徑(無自定義)
使用Bundler(推薦)和RubyGems在您的Ruby應(yīng)用程序中安裝Bootstrap,方法是將以下行添加到您的Gemfile
:
gem 'bootstrap', '~> 4.0.0.beta2'
或者,如果您不使用Bundler,則可以通過運(yùn)行以下命令來安裝gem:
gem install bootstrap -v 4.0.0.beta2
您還可以使用Composer安裝和管理Bootstrap的Sass和JavaScript :
composer require twbs/bootstrap:4.0.0-beta.2
如果您使用.NET開發(fā),您還可以使用NuGet安裝和管理Bootstrap的CSS或Sass和JavaScript :
Install-Package bootstrap -Pre
Install-Package bootstrap.sass -Pre
-Pre
要求,直到引導(dǎo)V4有一個(gè)穩(wěn)定版本。