Nonaktifkan responsivitas Bootstrap dengan memperbaiki lebar wadah dan menggunakan tingkat sistem kisi pertama. Baca dokumentasi untuk informasi lebih lanjut.
Perhatikan kurangnya <meta name="viewport" content="width=device-width, initial-scale=1">, yang menonaktifkan aspek pembesaran situs di perangkat seluler. Selain itu, kami mengatur ulang lebar wadah kami dan mengubah navbar untuk mencegah runtuh, dan pada dasarnya baik untuk digunakan.
Sebagai permulaan, komponen navbar agak rumit di sini karena gaya untuk menampilkannya agak spesifik dan detail. Menimpa untuk memastikan tampilan gaya desktop tidak seperforma atau ramping seperti yang diinginkan. Perlu diketahui bahwa mungkin ada gotcha potensial saat Anda membangun di atas contoh ini saat menggunakan navbar.
Tata letak non-responsif menyoroti kelemahan utama elemen tetap. Komponen tetap apa pun, seperti bilah navigasi tetap, tidak akan dapat digulir saat area pandang menjadi lebih sempit daripada konten halaman. Dengan kata lain, mengingat lebar penampung non-responsif 970 piksel dan area pandang 800 piksel, Anda berpotensi menyembunyikan konten 170 piksel.
Tidak ada jalan lain karena ini adalah perilaku browser default. Satu-satunya solusi adalah tata letak responsif atau menggunakan elemen tidak tetap.