Apakah menu lungsur turun bootstrap?

Menu lungsur turun Bootstrap tersedia dalam jenis berikut: Dropdown Asas: Menunjukkan menu selepas mengklik atau menuding elemen. Pisahkan menu lungsur turun: Tambahkan pembahagi pada item menu kumpulan. Menu lungsur turun tajuk: Gunakan tajuk untuk menyusun item menu. Menu lungsur turun borang: Mengandungi elemen borang. lungsur turun boleh fokus: Benarkan navigasi papan kekunci. Lumpuhkan menu lungsur: Lumpuhkan interaksi pengguna. Jajar kanan menu lungsur: Jajar kanan menu pada pencetus. . -jenis menu bawah.

Dibuat dengan menambahkan kelas dropdown-togol dan atribut data-bs-toggle="dropdown" pada teg <a> .

Apabila diklik atau dilegar (bergantung pada nilai atribut data-bs-toggle), ia akan memaparkan menu dengan item menu di bawah teg <a>.

Split Dropdown:

Tambahkan garis pembahagi pada menu lungsur asas untuk mengumpulkan item menu ke bahagian yang berbeza. Dibuat dengan menambahkan kelas dropdown-divider.

• Title Dropdown:
• <a> 标签上添加 dropdown-toggle 类和 data-bs-toggle="dropdown" 属性创建。
• 点击或悬停（取决于 data-bs-toggle 属性值）时，它会在 <a> 标签下方显示一个包含菜单项的菜单。

分割下拉菜单:

• 在基本下拉菜单中添加一条分隔线，将菜单项分组为不同的部分。
• 通过添加 dropdown-divider 类创建。

标题下拉菜单:

• 提供一个标题，用于组织和标记下拉菜单中的菜单项。
• 通过添加 dropdown-header 类创建。

表单下拉菜单:

• 包含表单元素（如输入字段或选择框）。
• 通过在菜单项中添加必要的 HTML 标记创建。

可聚焦下拉菜单:

• 允许用户使用键盘导航和选择菜单项。
• 通过添加 dropdown-item focusable 类创建。

禁用下拉菜单:

• 禁止用户与菜单交互。
• 通过添加 disabled 属性创建。

右对齐下拉菜单:

• 将菜单右对齐到触发器元素。
• 通过添加 dropdown-menu-end

Menyediakan tajuk untuk menyusun dan melabel item menu dalam dropdown. 🎜🎜Dibuat dengan menambahkan kelas dropdown-header. 🎜🎜🎜🎜Turun Turun Borang: 🎜🎜🎜🎜Mengandungi elemen borang (seperti medan input atau kotak pilihan). 🎜🎜Dicipta dengan menambahkan tag HTML yang diperlukan dalam item menu. 🎜🎜🎜🎜Turun Turun Boleh Fokus: 🎜🎜🎜🎜Membenarkan pengguna menavigasi dan memilih item menu menggunakan papan kekunci. 🎜🎜Dibuat dengan menambahkan kelas dropdown-item focusable. 🎜🎜🎜🎜Lumpuhkan menu lungsur turun: 🎜🎜🎜🎜Lumpuhkan interaksi pengguna dengan menu. 🎜🎜Dibuat dengan menambahkan atribut disabled. 🎜🎜🎜🎜Menu Jajar Ke Bawah Jajar Kanan: 🎜🎜🎜🎜 Jajarkan kanan menu ke elemen pencetus. 🎜🎜Dibuat dengan menambahkan kelas dropdown-menu-end. 🎜🎜

Atas ialah kandungan terperinci Apakah menu lungsur turun bootstrap?. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!