Mengapa Navbar Bootstrap Saya Hilang pada Peranti yang Lebih Kecil?

Bootstrap Navbar: Elemen Menghilang pada Peranti Yang Lebih Kecil

Anda telah mereka navbar Bootstrap dengan logo yang menonjol berpusat, tetapi ia hilang apabila saiz skrin mengecil. Menu hamburger juga kekal tersembunyi. Isu ini boleh diselesaikan dengan mempertimbangkan beberapa faktor.

Kemunculan Navbar pada Peranti Mudah Alih

Bootstrap bergantung pada pertanyaan media untuk melaraskan gelagat navbar untuk saiz skrin yang berbeza. Kelas CSS berikut memainkan peranan penting:

navbar-default (or navbar-light for Bootstrap 4+)
navbar-dark

Menggunakan Kelas Navbar

Untuk memastikan paparan yang betul pada peranti mudah alih, gunakan kelas navbar yang sesuai pada kod anda :

<nav>

Sebagai alternatif, anda boleh menambah warna latar belakang tersuai pada bar navigasi atau menggelapkan butang togol:

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

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

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!