Rumah > pembangunan bahagian belakang > tutorial php > Pembina Menu Dinamik untuk Bootstrap 3: Item dan Pautan

Pembina Menu Dinamik untuk Bootstrap 3: Item dan Pautan

Joseph Gordon-Levitt
Lepaskan: 2025-02-21 08:42:09
asal
789 orang telah melayarinya

Dynamic Menu Builder for Bootstrap 3: Item and Link

Dalam contoh ini, gantikan 'path-to-your-logo.png' dengan laluan sebenar ke imej logo anda.

bagaimana saya boleh Buat menu dinamik Bootstrap 3 My Bootstrap 3? Cukup tambahkan kelas ini ke elemen 'nav' anda, seperti ini:




dalam contoh ini , Navbar akan melekat pada bahagian atas halaman semasa anda menatal ke bawah.

Bagaimana saya boleh menambah submenus ke menu dinamik bootstrap 3 saya? Menu dinamik melibatkan menambahkan elemen 'ul' yang lain dalam elemen 'li'. Berikut adalah contoh:

  • Dropdown



  • Dalam contoh ini, 'submenu' adalah submenu 'dropdown', dan 'sub-action' adalah pilihan dalam submenu. 3 Item Menu Dinamik?

    Menambah keadaan aktif ke item menu dinamik Bootstrap 3 anda boleh dilakukan dengan menggunakan kelas 'aktif'. Cukup tambahkan kelas ini ke elemen 'li' halaman semasa, seperti ini:

  • home

  • Dalam contoh ini , item menu 'rumah' akan diserlahkan sebagai halaman semasa.

    Atas ialah kandungan terperinci Pembina Menu Dinamik untuk Bootstrap 3: Item dan Pautan. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!

    Kenyataan Laman Web ini
    Kandungan artikel ini disumbangkan secara sukarela oleh netizen, dan hak cipta adalah milik pengarang asal. Laman web ini tidak memikul tanggungjawab undang-undang yang sepadan. Jika anda menemui sebarang kandungan yang disyaki plagiarisme atau pelanggaran, sila hubungi admin@php.cn
    Artikel terbaru oleh pengarang
    Tutorial Popular
    Lagi>
    Muat turun terkini
    Lagi>
    kesan web
    Kod sumber laman web
    Bahan laman web
    Templat hujung hadapan