這篇文章主要講解了“bootstrap都有哪些插件”，文中的講解內(nèi)容簡(jiǎn)單清晰，易于學(xué)習(xí)與理解，下面請(qǐng)大家跟著小編的思路慢慢深入，一起來(lái)研究和學(xué)習(xí)“bootstrap都有哪些插件”吧！

創(chuàng)新互聯(lián)-專(zhuān)業(yè)網(wǎng)站定制、快速模板網(wǎng)站建設(shè)、高性?xún)r(jià)比尼瀘西網(wǎng)站開(kāi)發(fā)、企業(yè)建站全套包干低至880元,成熟完善的模板庫(kù),直接使用。一站式尼瀘西網(wǎng)站制作公司更省心,省錢(qián),快速模板網(wǎng)站建設(shè)找我們，業(yè)務(wù)覆蓋尼瀘西地區(qū)。費(fèi)用合理售后完善，十年實(shí)體公司更值得信賴(lài)。

Bootstrap自帶12 jQuery插件，擴(kuò)展了功能，可以給站點(diǎn)添加更多的互動(dòng)。即使您不是一名高級(jí)的 JavaScript 開(kāi)發(fā)人員，您也可以著手學(xué)習(xí) Bootstrap 的 JavaScript 插件。

利用 Bootstrap 數(shù)據(jù) API（Bootstrap Data API），大部分的插件可以在不編寫(xiě)任何代碼的情況下被觸發(fā)。

過(guò)渡效果（Transition）插件提供了簡(jiǎn)單的過(guò)渡效果。

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

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

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

下拉菜單（Dropdown）插件

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

滾動(dòng)監(jiān)聽(tīng)（Scrollspy）插件

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

標(biāo)簽頁(yè)（Tab）插件

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

提示工具（Tooltip）插件

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

彈出框（Popover）插件

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

警告框（Alert）插件

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

按鈕（Button）插件

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

折疊（Collapse）插件

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

輪播（Carousel）插件

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

附加導(dǎo)航（Affix）插件

附加導(dǎo)航（Affix）插件允許指定