真实的国产乱ⅩXXX66竹夫人,五月香六月婷婷激情综合,亚洲日本VA一区二区三区,亚洲精品一区二区三区麻豆

成都創(chuàng)新互聯(lián)網(wǎng)站制作重慶分公司

bootstrap怎么讓dropdownmenu按鈕式下拉框長度一致

這篇文章主要介紹bootstrap怎么讓dropdown menu按鈕式下拉框長度一致,文中介紹的非常詳細(xì),具有一定的參考價值,感興趣的小伙伴們一定要看完!

創(chuàng)新互聯(lián)主要從事網(wǎng)站制作、成都網(wǎng)站制作、網(wǎng)頁設(shè)計、企業(yè)做網(wǎng)站、公司建網(wǎng)站等業(yè)務(wù)。立足成都服務(wù)醴陵,10多年網(wǎng)站建設(shè)經(jīng)驗,價格優(yōu)惠、服務(wù)專業(yè),歡迎來電咨詢建站服務(wù):18982081108

bootstrap框架提供了下拉菜單組件(dropdown),即點擊一個元素或按鈕,觸發(fā)隱藏的列表顯示出來。

1、基本代碼和頁面展示

按鈕和菜單需要包裹在.dropdown 的容器里,而作為被點擊的元素按鈕需要設(shè)置

data-toggle="dropdown"才能有效。對于菜單部分,設(shè)置 class="dropdown-menu"才能

自動隱藏并添加固定樣式。設(shè)置 class="caret"表示箭頭,可上可下。

 
 
下拉菜單 
 
 
 
  • 首頁
  •  
  • 資訊
  •  
  • 產(chǎn)品
  •  
  • 關(guān)于
  •    

    bootstrap怎么讓dropdown menu按鈕式下拉框長度一致

    2、使用進(jìn)階和dropdown-menu長度問題

    在解決這個問題之前,先記錄bootstrap的按鈕組功能(btn-group),可以將一組按鈕集成在一個容器里,且相互之前沒有間隔。直接貼代碼和顯示效果。

      
     上一頁 
     下一頁 
     選擇頁數(shù) 
      
      下拉框 
       
       
       
      
  • 首頁
  •     
  • 首頁
  •     
  • 首頁
  •     
  • 首頁
  •        
       

    bootstrap怎么讓dropdown menu按鈕式下拉框長度一致

    代碼解析與總結(jié):

    首先嵌套了

    容器,用于在按鈕組中使用按鈕式下拉框,

    
    中的dropdown-toggle的作用是讓按鈕式下拉框的也擁有btn-group的圓邊角。
    
    
    三角圖標(biāo),使用也可以。
    

    data-toggle="dropdown"是html5的標(biāo)簽屬性,指以什么事件觸發(fā),常用的如:modal,popover,tooltips。這里指該button按鈕用于下拉按鈕。并且親測在html4中使用該屬性,雖然IDE會發(fā)出警告,但是仍然可以實際運行,此特性作用于html5的其他新屬性,如input標(biāo)簽的placeholder。

    其他資訊

    在線咨詢

    微信咨詢

    電話咨詢

    028-86922220(工作日)

    18980820575(7×24)

    提交需求

    返回頂部