Cara menulis menu lungsur bootstrap

Menu lungsur turun Bootstrap ialah komponen menu yang mengembangkan submenu ke bawah Kaedah penciptaan adalah seperti berikut: buat item menu induk dan tambah atribut "dropdown-toggle" dan "data-toggle="dropdown"". Buat kandungan lungsur turun dan gunakan kelas "menu lungsur" untuk membalut item menu lungsur turun. Tambahkan kandungan lungsur turun pada item menu induk. Tambahkan menu lungsur turun "menu lungsur-kanan" atau "menu lungsur-kiri". Tambahkan kelas "pembahagi" untuk memisahkan item menu. Tambahkan kelas "dropdown-header" untuk membuat header.

Menu lungsur turun Bootstrap

Menu lungsur turun ialah komponen menu yang disediakan oleh Bootstrap, yang boleh mencapai kesan submenu berkembang ke bawah daripada item menu induk Ia adalah elemen biasa untuk membina bar navigasi dan antara muka pengguna.

Cara membuat menu lungsur Bootstrap

1. Buat item menu induk:Gunakan elemenuntuk membungkus kandungan item menu dan menambahdropdown-toggle code> class dan atribut data-toggle="dropdown".元素包裹菜单项内容，并为其添加dropdown-toggle类和data-toggle="dropdown"属性。

   菜单项

   Salin selepas log masuk

2. 创建下拉内容：使用

   元素包裹下拉菜单项，并为其添加dropdown-menu类。

    
   子菜单项1
    
   子菜单项2
    
   子菜单项3
    

   Salin selepas log masuk

   • 将下拉内容添加到父菜单项中：将

     元素嵌套在元素的后面，形成下拉菜单结构。

     菜单项 
      
     子菜单项1
      
     子菜单项2
      
     子菜单项3
      
      

     Salin selepas log masuk

     • 添加对齐方式：可通过添加dropdown-menu-right或dropdown-menu-left类来调整下拉菜单的对齐方式。

       菜单项 
        
       子菜单项1
        
       子菜单项2
        
       子菜单项3
        
        

       Salin selepas log masuk

     • 添加分隔符：可以使用

     • 元素，并为其添加divider类来添加分隔符。

        
       子菜单项1
        
        
       子菜单项3
        

       Salin selepas log masuk

     • 添加标题：可以使用

     • 元素，并为其添加dropdown-header

        
       子菜单项1
        
       标题
        
       子菜单项3
        

       Salin selepas log masuk