亚洲国产日韩欧美一区二区三区,精品亚洲国产成人av在线,国产99视频精品免视看7,99国产精品久久久久久久成人热,欧美日韩亚洲国产综合乱

目錄 搜尋
Getting started Accessibility(無障礙) Browsers and devices(瀏覽器和設(shè)備) Build tools(構(gòu)建工具) Contents(內(nèi)容) Download(下載) JavaScript Theming Bootstrap(主題Bootstrap) Webpack Components: Alerts Alerts(警報) Components: Badges Badges(徽章) Components: Breadcrumb Breadcrumb Components: Button group Button group(按鈕組) Components: Buttons Buttons(按鈕) Components: Cards Components: Carousel Cards(卡) Carousel(圓盤傳送帶) Components: Collapse Collapse(折疊) Components: Dropdowns Dropdowns(下拉菜單) Components: Forms Forms(表單) Components: Input group Input group(輸入群組) Components: Input group Jumbotron(廣告大屏幕) Components: List group List group(列表組) Components: Modal Modal(互動視窗) Components: Navbar Navbar(導(dǎo)航欄) Components: Navs Navs(導(dǎo)航欄) Components: Pagination Pagination(分頁) Components: Popovers Popovers(彈出框) Components: Progress Progress(進(jìn)度條) Components: Scrollspy Scrollspy(滾動監(jiān)聽) Components: Tooltips Tooltips(提示工具) Content Code(代碼) Figures(圖片區(qū)) Images(圖片) Reboot(重置) Tables(表格) Typography(排版) Layout Grid(網(wǎng)格) Layout(布局) Media object(多媒體對象) Utilities for layout(排版通用類別) Migration Migrating to v4(遷移到v4) Utilities Borders(邊框) Clearfix(清除浮動) Close icon(關(guān)閉圖標(biāo)) Colors(顏色) Display property(顯示屬性) Embeds(內(nèi)嵌) Flex(彈性) Float(浮動) Image replacement(圖像替換) Position(位置) Screenreaders(熒幕閱讀器) Sizing(尺寸) Spacing(間隔) Text(文本) Vertical alignment(垂直對齊) Visibility(能見度)
文字

下載Bootstrap以獲取已編譯的CSS和JavaScript,源代碼,或者將其與您最喜愛的軟件包管理器(如npm,RubyGems等)一起使用。

編譯CSS和JS

Bootstrap v4.0.0-beta.2下載現(xiàn)成可用的編譯代碼,輕松將其放入您的項目中,其中包括:

  • 編譯和縮小CSS包(請參閱CSS文件比較)

  • 編譯和縮小JavaScript插件

這不包括文檔,源文件或任何可選的JavaScript依賴項(jQuery和Popper.js)。

源文件

通過下載我們的源Sass,JavaScript和文檔文件,用您自己的資產(chǎn)管道編譯Bootstrap。這個選項需要一些額外的工具:

  • Sass編譯器(支持Libsass或Ruby Sass)用于編譯您的CSS。

  • 用于CSS供應(yīng)商前綴的Autoprefixer

如果您需要構(gòu)建工具,它們將包含在開發(fā)Bootstrap及其文檔中,但它們可能不適合您自己的目的。

Bootstrap CDN

使用Bootstrap CDN跳過下載,將緩存的Bootstrap編譯后的CSS和JS版本傳送到您的項目。

<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版本。

<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來完成與我們官方編譯版本相匹配的設(shè)置。

npm

使用npm包安裝Bootstrap到您的Node.js應(yīng)用程序中:

npm install bootstrap@4.0.0-beta.2

require('bootstrap')將所有Bootstrap的jQuery插件加載到j(luò)Query對象上。該bootstrap模塊本身不出口任何東西。您可以通過將/js/*.js文件加載到程序包的頂級目錄下來手動加載Bootstrap的jQuery插件。

Bootstrap的package.json包含下列鍵下的一些額外的元數(shù)據(jù):

  • sass-  Bootstrap主要Sass源文件的路徑

  • style  - 使用默認(rèn)設(shè)置進(jìn)行預(yù)編譯的Bootstrap非縮小CSS的路徑(無自定義)

RubyGems

使用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

您還可以使用Composer安裝和管理Bootstrap的Sass和JavaScript :

composer require twbs/bootstrap:4.0.0-beta.2

NuGet

如果您使用.NET開發(fā),您還可以使用NuGet安裝和管理Bootstrap的CSS或Sass和JavaScript :

Install-Package bootstrap -Pre
Install-Package bootstrap.sass -Pre

-Pre要求,直到引導(dǎo)V4有一個穩(wěn)定版本。

上一篇: 下一篇: