Rumah >hujung hadapan web >tutorial css >Mengapa Navbar Bootstrap Saya Hilang pada Peranti yang Lebih Kecil?

Mengapa Navbar Bootstrap Saya Hilang pada Peranti yang Lebih Kecil?

Susan Sarandon
Susan Sarandonasal
2024-11-06 16:26:03648semak imbas

Why Does My Bootstrap Navbar Disappear on Smaller Devices?

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!

Kenyataan:
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