Bootstrap自帶12 jQuery插件，擴展了功能，可以給站點添加更多的互動。即使您不是一名高級的 JavaScript 開發(fā)人員，您也可以著手學習 Bootstrap 的 JavaScript 插件。

利用 Bootstrap 數(shù)據(jù) API（Bootstrap Data API），大部分的插件可以在不編寫任何代碼的情況下被觸發(fā)。（推薦學習：Bootstrap視頻教程）

過渡效果（Transition）插件提供了簡單的過渡效果。

Transition.js 是 transitionEnd 事件和 CSS 過渡效果模擬器的基本幫助器類。它被其他插件用來檢查 CSS 過渡效果支持，并用來獲取過渡效果。

模態(tài)框（Modal）插件

模態(tài)框（Modal）是覆蓋在父窗體上的子窗體。通常，目的是顯示來自一個單獨的源的內(nèi)容，可以在不離開父窗體的情況下有一些互動。子窗體可提供信息、交互等。

下拉菜單（Dropdown）插件

使用下拉菜單（Dropdown）插件，您可以向任何組件（比如導航欄、標簽頁、膠囊式導航菜單、按鈕等）添加下拉菜單。

滾動監(jiān)聽（Scrollspy）插件

滾動監(jiān)聽（Scrollspy）插件，即自動更新導航插件，會根據(jù)滾動條的位置自動更新對應的導航目標。其基本的實現(xiàn)是隨著您的滾動，基于滾動條的位置向?qū)Ш綑谔砑?.active class。

標簽頁（Tab）插件

標簽頁（Tab）通過結(jié)合一些 data 屬性，您可以輕松地創(chuàng)建一個標簽頁界面。通過這個插件您可以把內(nèi)容放置在標簽頁或者是膠囊式標簽頁甚至是下拉菜單標簽頁中。

提示工具（Tooltip）插件

當您想要描述一個鏈接的時候，提示工具（Tooltip）就顯得非常有用。提示工具（Tooltip）插件是受 Jason Frame 寫的 jQuery.tipsy 的啟發(fā)。提示工具（Tooltip）插件做了很多改進，例如不需要依賴圖像，而是改用 CSS 實現(xiàn)動畫效果，用 data 屬性存儲標題信息。

彈出框（Popover）插件

彈出框（Popover）與工具提示（Tooltip）類似，提供了一個擴展的視圖。如需激活彈出框，用戶只需把鼠標懸停在元素上即可。彈出框的內(nèi)容完全可使用 Bootstrap 數(shù)據(jù) API（Bootstrap Data API）來填充。該方法依賴于工具提示（tooltip）。

警告框（Alert）插件

警告框（Alert）消息大多是用來向終端用戶顯示諸如警告或確認消息的信息。使用警告框（Alert）插件，您可以向所有的警告框消息添加可取消（dismiss）功能。

按鈕（Button）插件

按鈕（Button）在 Bootstrap 按鈕 一章中介紹過。通過按鈕（Button）插件，您可以添加進一些交互，比如控制按鈕狀態(tài)，或者為其他組件（如工具欄）創(chuàng)建按鈕組。

折疊（Collapse）插件

折疊（Collapse）插件可以很容易地讓頁面區(qū)域折疊起來。無論您用它來創(chuàng)建折疊導航還是內(nèi)容面板，它都允許很多內(nèi)容選項。

輪播（Carousel）插件

Bootstrap 輪播（Carousel）插件是一種靈活的響應式的向站點添加滑塊的方式。除此之外，內(nèi)容也是足夠靈活的，可以是圖像、內(nèi)嵌框架、視頻或者其他您想要放置的任何類型的內(nèi)容。

附加導航（Affix）插件

附加導航（Affix）插件允許指定 <div> 固定在頁面的某個位置。一個常見的例子是社交圖標。它們將在某個位置開始，但當頁面點擊某個標記，該 <div> 會鎖定在某個位置，不會隨著頁面其他部分一起滾動。

更多Bootstrap相關(guān)技術(shù)文章，請訪問Bootstrap教程欄目進行學習！