Pakej apakah yang digunakan untuk bar navigasi dalam bootstrap?-Tutorial Bootstrap-php.cn

Pakej apakah yang digunakan untuk bar navigasi dalam bootstrap?

WBOY

Lepaskan： 2022-02-11 16:54:03

asal

2445 orang telah melayarinya

Dalam bootstrap, bar navigasi dibalut dengan elemen "nav" Elemen navigasi digunakan untuk menentukan bahagian pautan navigasi Menggunakan elemen ini untuk membalut bar navigasi boleh menjadikan bar navigasi responsif ialah "< navigasi>Bar Navigasi".

Pakej apakah yang digunakan untuk bar navigasi dalam bootstrap?

Persekitaran pengendalian tutorial ini: sistem Windows 10, bootstrap versi 3.3.7, komputer DELL G3

Apakah pakej yang digunakan untuk bar navigasi dalam bootstrap

Bar navigasi (navbar) dalam Bootstrap diletakkan di kepala aplikasi atau tapak web Sebagai komponen asas navigasi yang responsif, ia boleh melaraskan keadaan paparan bar navigasi secara automatik mengikut lebar tetingkap penyemak imbas dan lipatnya pada peranti mudah alih (dan boleh dihidupkan atau dimatikan), dan secara beransur-ansur berubah kepada mod pengembangan mendatar apabila lebar port pandangan (port pandang) meningkat.

Bar navigasi gaya lalai

Bar navigasi Bootstrap mengandungi dua bahagian: satu bahagian digunakan untuk meletakkan butang ikon, ditakrifkan oleh bekas .navbar-header; komponen, Ditakrifkan oleh bekas .nav-collapse.collapse. Bekas

.navbar-header biasanya mengandungi nama tapak dan butang ikon Nama tapak sentiasa kelihatan, tetapi butang ikon hanya kelihatan pada skrin kecil. Nama tapak ialah pautan jenama .navbar. Butang ikon ialah butang kelas .navbar-toggle, yang mengandungi tiga elemen dengan class="icon-bar". Apabila anda menentukan butang, anda turut menyediakannya dengan atribut togol data dan sasaran data. Atribut togol data memberitahu JavaScript perkara yang dilakukan oleh butang dan atribut sasaran data menunjukkan elemen menu untuk dipaparkan apabila butang diklik.

.nav-collapse.collapse Bekas biasanya hanya mengandungi komponen navigasi, seperti pautan navigasi, borang, butang, menu lungsur, teks, pautan bukan navigasi, dll. Komponen navigasi hanya berkembang secara mendatar pada saiz besar skrin dan pada skrin kecil Ia akan dipaparkan selepas mengklik butang ikon pada skrin. Untuk bar navigasi ringkas, ini biasanya hanya mengandungi pautan navigasi. Pautan navigasi ditakrifkan menggunakan elemen senarai .nav.navbar.

Untuk menjadikan bar navigasi responsif, ia biasanya dibalut dengan elemen .navbar

Teg

mentakrifkan bahagian pautan navigasi.

Sudah tentu, anda juga boleh menggunakan elemen

tetapi pastikan anda menetapkan atribut role="navigation" untuk memastikan pengguna yang menggunakan peranti bantuan mengetahui dengan jelas bahawa ini adalah kawasan navigasi . Sebagai alternatif, untuk mendapatkan penjajaran dan pelapik yang betul, letakkan keseluruhan bar navigasi dalam bekas .bekas atau .bekas-bendalir.

Cadangan berkaitan: tutorial bootstrap

Atas ialah kandungan terperinci Pakej apakah yang digunakan untuk bar navigasi dalam bootstrap?. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!