在线观看不卡亚洲电影_亚洲妓女99综合网_91青青青亚洲娱乐在线观看_日韩无码高清综合久久

鍍金池/ 教程/ HTML/ 下載
警告框
標(biāo)簽頁
代碼
輪播
進度條
輔助類
按鈕組
社區(qū)
標(biāo)簽
導(dǎo)航
響應(yīng)式工具
禁止響應(yīng)式布局
工具提示
概覽
媒體對象
概覽
具有響應(yīng)式特性的嵌入內(nèi)容
Well
折疊
下載
對第三方組件的支持
Glyphicons 字體圖標(biāo)
編譯 CSS 和 JavaScript 文件
徽章
柵格系統(tǒng)
瀏覽器和設(shè)備的支持情況
輸入框組
表格
滾動監(jiān)聽
下拉菜單
排版
巨幕
按鈕
頁頭
使用 Sass
包含的內(nèi)容
縮略圖
模態(tài)框
基本模板
面版
圖片
路徑導(dǎo)航
分頁
導(dǎo)航條
警告框
過渡效果
從 v2.x 版本升級到 v3.x 版本
工具
可訪問性
彈出框
按鈕式下拉菜單
表單
列表組
按鈕
使用 Less
下拉菜單

下載

Bootstrap (當(dāng)前版本 v3.3.5)提供以下幾種方式幫你快速上手,每一種方式針對具有不同技能等級的開發(fā)者和不同的使用場景。繼續(xù)閱讀下面的內(nèi)容,看看哪種方式適合你的需求吧。

編譯并壓縮后的 CSS、JavaScript 和字體文件。不包含文檔和源碼文件。

Less、JavaScript 和 字體文件的源碼,并且?guī)в形臋n。需要 Less 編譯器和一些設(shè)置工作。

  • [Sass](這是 Bootstrap 從 Less 到 Sass 的源碼移植項目,用于快速地在 Rails、Compass 或 只針對 Sass 的項目中引入。)
<!-- 新 Bootstrap 核心 CSS 文件 -->
<link rel="stylesheet" >

<!-- 可選的Bootstrap主題文件(一般不用引入) -->
<link rel="stylesheet" >

<!-- jQuery文件。務(wù)必在bootstrap.min.js 之前引入 -->
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.3/jquery.min.js"></script>

<!-- 最新的 Bootstrap 核心 JavaScript 文件 -->
<script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.5/js/bootstrap.min.js"></script>

通過 Bower 進行安裝

還可以通過 Bower 安裝并管理 Bootstrap 的 Less、CSS、JavaScript 和字體文件。

$ bower install bootstrap

通過 npm 進行安裝

你還可以利用 npm工具來安裝 Bootstrap:

$ npm install bootstrap

require('bootstrap') 代碼的作用是加載 Bootstrap 的所有 jQuery 插件。其中,bootstrap 模塊自身并不導(dǎo)出任何內(nèi)容。你可以通過加載安裝包頂級目錄下的 /js/*.js 文件的方式手動加載單個的 Bootstrap 插件。

Bootstrap 的 package.json 文件包含了一些額外的元數(shù)據(jù):

  • less - Bootstrap 源碼的入口 Less 文件的路徑
  • style - Bootstrap 的未壓縮 CSS 文件的路徑

通過 Composer 進行安裝

通過 Composer (中文官網(wǎng):Composer 中文網(wǎng))也可以安裝 Bootstrap 安裝包,其中包括 Less、CSS、JavaScript 和 fonts 文件:

$ composer require twbs/bootstrap

編譯 Less/Sass 源碼需要注意的事項

Bootstrap 利用 Autoprefixer 自動為 某些 CSS 屬性添加針對特定廠商的前綴。如果你是從 Less/Sass 源碼編譯 Bootstrap 的,并且沒有使用 Bootstrap 自帶的 Gruntfile 文件,那你就必須將 Autoprefixer 集成到你的編譯工具和編譯過程中。如果你使用的是我們預(yù)先編譯好的 Bootstrap 文件或者使用的是我們提供的 Gruntfile 文件,那就無需操心了,我們已經(jīng)將這些工作替你搞定了。

上一篇:按鈕下一篇:代碼