折疊（Collapse）插件可以很容易地讓頁面區域折疊起來。無論您用它來創建折疊導航還是內容面板，它都允許很多內容選項。
如果您想要單獨引用該插件的功能，那么您需要引用 collapse.js，或者，正如 Bootstrap 插件概覽 一章中所提到，您可以引用 bootstrap.js 或壓縮版的 bootstrap.min.js。
一、用法
下表列出了折疊（Collapse）插件用于處理繁重的伸縮的 class：

您可以通過以下兩種方式使用折疊（Collapse）插件：

通過 data 屬性：向元素添加 data-toggle="collapse" 和 data-target，自動分配可折疊元素的控制。data-target 屬性接受一個 CSS 選擇器，并會對其應用折疊效果。請確保向可折疊元素添加 class .collapse。如果您希望它默認情況下是打開的，請添加額外的 class .in。
為了向可折疊控件添加類似折疊面板的分組管理，請添加 data 屬性 data-parent="#selector"。

通過 JavaScript：可通過 JavaScript 激活 collapse 方法，如下所示：
$('.collapse').collapse()

二、實例

通過點擊可以折疊內容。
//基本實例

?

<ul id="g0w6a"></ul>

<strike id="g0w6a"><rt id="g0w6a"></rt></strike>

1 2 3 4 5 6 7 8 9 10 11	<button class="btn btn-primary" data-toggle="collapse" data-target="#content">  Bootstrap </button>   <div class="collapse" id="content">  <div class="well">   Bootstrap 是 Twitter 推出的一個用于前端開發的開源工具包。它由 以上是由福州網站建設的小編為你分享了"Bootstrap之折疊和展開（Collapse）教程"文章，如果你在這方面有什么問題，隨時聯系我們 上一篇：Bootstrap之折疊和展開（Collapse）教程 下一篇：根據淘寶接口ip獲取所在城市名稱接口 返回欄目列表 與php技術有關的文章 jq append 動態添加的元素事件on不起作用的方法 PHP利用純真IP數據庫在本地實現IP地址信息查詢 圖片URL格式是一長串的字符沒有后綴原因 SQL多表連接查詢（詳細實例,內連接，外連接，左連接，右連接...） Allowed memory size of 134217728 bytes exhausted錯誤解決處 ecshop淘寶單品和店鋪評論采集插件 將網頁變為灰白色的方法（悼念緬懷主題） 通過淘寶ID獲取淘寶商品詳情 在wdcp后臺如何創建用不同端口訪問的網站 thinkphp creat方法自動驗證教程 寶塔面板無法啟動redis案例 MYSQL ROUP BY 對多個字段進行分組詳解 如果您有什么問題，歡迎咨詢我們客服！ 點擊QQ咨詢 資訊中心 福州網站建設 php技術 站長新聞 公司新聞 聯系方式 地址：福建省福州市海通廣場2號樓 電話：18558752805 關于福州網站建設 福州網站建設、福州網站設計、福州小程序制作，福州網站設計哪家公司最好、有哪些靠譜?福州網站建設通過對策略、創意和行業發展的深度洞察，幫助客戶鎖定目標用戶。我們以專業福州網站制作公司的視角，對客戶進行良性引導，幫客戶完成網站建設規劃，并提供網站架設、網站制作報價收費明細。我們為福州提供高端品牌網站建設制作,公司門戶網站開發,服務。福州企業網站搭建\福州網站制作要多少錢，請咨詢我們公司我們一定會給你一個優惠的報價以及做出你滿意的網站、小程序、系統！ Copyright ? 2017-2022 ?www.txwhj.cn福州網站制作 福州小程序制作福州網站建設 閩ICP備16037694號-2 福州網站建設_福州網站設計_福州微信公眾號開發_福州小程 QQ咨詢 QQ在線咨詢真誠為您提供專業解答服務 售前技術 售后技術 咨詢熱線 18558752805 全天候技術服務熱線 添加微信 微信便捷交流 返回頂部

<tfoot id="g0w6a"><input id="g0w6a"></input></tfoot>

<fieldset id="g0w6a"><table id="g0w6a"></table></fieldset>

<strike id="g0w6a"></strike>