Rumah >hujung hadapan web >tutorial css >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!