這篇文章主要介紹了Bootstrap3如何實現下拉菜單，具有一定借鑒價值，感興趣的朋友可以參考下，希望大家閱讀完這篇文章之后大有收獲，下面讓小編帶著大家一起了解一下。

成都創新互聯專注于企業全網整合營銷推廣、網站重做改版、陳巴爾虎網站定制設計、自適應品牌網站建設、H5技術、商城網站制作、集團公司官網建設、成都外貿網站制作、高端網站制作、響應式網頁設計等建站業務，價格優惠性價比高，為陳巴爾虎等各大城市提供網站開發制作服務。

使用方法

通過data屬性

<div class="dropdown">
 <button id="dLabel" type="button" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
  Dropdown trigger
  <span class="caret"></span>
 </button>
 <ul class="dropdown-menu" aria-labelledby="dLabel">
  ...
 </ul>
</div>

通過JavaScript

$('.dropdown-toggle').dropdown()

無論是通過data屬性還是JavaScript, data-toggle="dropdown" 總是需要的

方法

$().dropdown('toggle')

事件

按照時間先后分為為 show.bs.dropdown shown.bs.dropdown  hide.bs.dropdown hidden.bs.dropdown

$('#myDropdown').on('show.bs.dropdown', function () {
 // do something…
})

感謝你能夠認真閱讀完這篇文章，希望小編分享的“Bootstrap3如何實現下拉菜單”這篇文章對大家有幫助，同時也希望大家多多支持創新互聯，關注創新互聯行業資訊頻道，更多相關知識等著你來學習!

網站名稱：Bootstrap3如何實現下拉菜單
文章分享：http://m.newbst.com/article32/jeiepc.html

成都網站建設公司_創新互聯，為您提供手機網站建設、靜態網站、定制網站、面包屑導航、網站策劃、定制開發

廣告

聲明：本網站發布的內容（圖片、視頻和文字）以用戶投稿、用戶轉載內容為主，如果涉及侵權請盡快告知，我們將會在第一時間刪除。文章觀點不代表本網站立場，如需處理請聯系客服。電話：028-86922220；郵箱：631063699@qq.com。內容未經允許不得轉載，或轉載時需注明來源： 創新互聯