Mengapa navbar Bootstrap saya hilang pada peranti yang lebih kecil?

Bootstrap Navbar Hilang pada Peranti Yang Lebih Kecil

Apabila mencipta Bootstrap navbar, anda mungkin menghadapi navigasi tersembunyi dan ikon hamburger yang hilang pada skrin yang lebih kecil. Ini kerana tetapan navbar lalai direka untuk skrin yang lebih besar.

Penyelesaian

Untuk menyelesaikan isu ini, anda perlu menambah kelas yang sesuai pada navbar anda. Untuk Bootstrap 5, gunakan kelas navbar-light atau navbar-dark.

<nav>

Untuk Bootstrap 4 dan versi terdahulu, gunakan kelas navbar-default. Anda juga boleh menetapkan warna latar belakang untuk bar navigasi atau menggelapkan ikon togol seperti berikut:

#navbar-primary .navbar-nav { 
   background: #ededed;
}

.navbar-toggle .icon-bar {
    background-color: rgb(136, 136, 136);
}

Setelah anda menggunakan perubahan ini, bar navigasi anda harus dipaparkan dengan betul pada semua saiz skrin.

Atas ialah kandungan terperinci Mengapa navbar Bootstrap saya hilang pada peranti yang lebih kecil?. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!