上一節(jié)探討的合理布局部件僅僅一個(gè)逐漸。Bootstrap內(nèi)置12個(gè)jQuery軟件，拓展了它的作用，能夠給網(wǎng)站提升大量的互動(dòng)。即便你不是高級(jí)JavaScript開發(fā)者，還可以開始學(xué)習(xí)Bootstrap的JavaScript軟件。應(yīng)用Bootstrap數(shù)據(jù)信息API，不用撰寫一切編碼就可以開啟大部分軟件。

網(wǎng)站引入正確引導(dǎo)軟件有倆種方法:

獨(dú)立引入：應(yīng)用 Bootstrap 的某些的 *.js 文檔。一些軟件和 CSS 部件取決于別的軟件。假如您獨(dú)立引入軟件，請(qǐng)先保證搞清這種軟件中間的相互依賴。編譯程序（與此同時(shí)）引入：應(yīng)用 bootstrap.js 或壓縮版的 bootstrap.min.js。不必試著與此同時(shí)引入這兩個(gè)文檔，由于 bootstrap.js 和 bootstrap.min.js 都包括了全部的軟件。

的全部軟件都取決于jQuery。因而，jQuery務(wù)必在軟件文檔以前被引入。請(qǐng)瀏覽bower.json查詢Bootstrap當(dāng)今適用的jQuery版本號(hào)。

數(shù)據(jù)信息特性

你能只是根據(jù) data 特性 API 就能應(yīng)用全部的 Bootstrap 軟件，不用寫一行 JavaScript 編碼。這也是 Bootstrap 中的一等 API，也應(yīng)當(dāng)就是你的優(yōu)選方法。話又說(shuō)回家，在某種情形下很有可能必須將此作用關(guān)掉。因而，大家還給予了關(guān)掉 data 特性 API 的方式，即消除以 data-api為類名并關(guān)聯(lián)在文件上的事情。如同今天那樣：$(document).off(‘.data-api’)如需關(guān)掉一個(gè)指定的軟件，只須要在 data-api 類名前再加上該軟件的名字做為類名就可以，如下所示所顯示：$(document).off(‘.alert.data-api’)

程序編寫API。

大家為全部Bootstrap軟件給予純JavaScript方式的API。全部公布的API都適用單獨(dú)或鏈啟用，并回到他們實(shí)際操作的原素結(jié)合(留意:啟用方式與jQuery同樣)。比如:

$(".btn.danger").button("toggle").addClass("fat")

的全部方式都能夠接納可選擇的option目標(biāo)做為主要參數(shù)，或是接納表明特殊方式的字符串?dāng)?shù)組，或是不接納一切主要參數(shù)(在這樣的情形下，軟件將被復(fù)位為默認(rèn)設(shè)置個(gè)人行為)，如下所示所顯示:

//復(fù)位為默認(rèn)設(shè)置個(gè)人行為$("#myModal").modal()//復(fù)位為不兼容電腦鍵盤$("#myModal").modal({keyboard:false})//復(fù)位并馬上啟用show$("#myModal").modal('show')

每一個(gè)軟件仍在Constructor特性上公布其初始的Constructor:$ . fn . popover . Constructor .假如要想獲得特殊軟件的案例，能夠同時(shí)根據(jù)page元素獲得:

$('[rel=popover]').data('popover').

防止取名空中間的矛盾。

有時(shí)候，正確引導(dǎo)軟件很有可能需要與別的操作界面架構(gòu)一起應(yīng)用。在這樣的情形下，取名空中間很有可能會(huì)發(fā)生爭(zhēng)執(zhí)。假如悲劇產(chǎn)生這個(gè)狀況，您能夠?qū)崿F(xiàn)啟用軟件的。noConflict方式。

//回到$.fn.button以前所賦的值varbootstrapButton=$.fn.button.noConflict()//為$().bootstrapBtn授予Bootstrap作用$.fn.bootstrapBtn=bootstrapButton

事情

Bootstrap為大部分軟件的與眾不同個(gè)人行為給予自定事情。一般來(lái)說(shuō)，這種事情有二種方式:

動(dòng)詞不定式：這會(huì)在事情逐漸時(shí)被開啟。比如 ex: show。動(dòng)詞不定式事情給予了 preventDefault 作用。這促使在事情逐漸前能夠終止實(shí)際操作的實(shí)行。$(‘#myModal’).on(‘show.bs.modal’, function (e) { // 阻攔模態(tài)框的表明 if (!data) return e.preventDefault() })過(guò)去分詞方式：這會(huì)在姿勢(shì)實(shí)行結(jié)束以后被開啟。比如 ex: shown