Kapsayıcının genişliğini sabitleyerek ve ilk ızgara sistemi katmanını kullanarak Bootstrap'in yanıt verme özelliğini devre dışı bırakın. Daha fazla bilgi için belgeleri okuyun .
<meta name="viewport" content="width=device-width, initial-scale=1">
Mobil cihazlarda sitelerin yakınlaştırma özelliğini devre dışı bırakan eksikliğine dikkat edin . Ek olarak, kapsayıcımızın genişliğini sıfırladık ve çökmeyi önlemek için gezinme çubuğunu değiştirdik ve temelde kullanıma hazır.
Bir uyarı olarak, gezinme çubuğu bileşeni burada oldukça karmaşıktır, çünkü onu görüntüleme stilleri oldukça spesifik ve ayrıntılıdır. Masaüstü stillerinin görüntülenmesini sağlamak için geçersiz kılmalar, birinin istediğiniz kadar performanslı veya şık olmamasını sağlar. Gezinme çubuğunu kullanırken bu örneğin üzerine kurarken potansiyel yakalamalar olabileceğini unutmayın.
Yanıt vermeyen düzenler, sabit öğelerin önemli bir dezavantajını vurgular. Sabit gezinme çubuğu gibi herhangi bir sabit bileşen, görünüm alanı sayfa içeriğinden daha dar olduğunda kaydırılamaz. Diğer bir deyişle, 970 piksellik yanıt vermeyen kapsayıcı genişliği ve 800 piksellik bir görüntü alanı göz önüne alındığında, 170 piksellik içeriği potansiyel olarak gizleyeceksiniz.
Varsayılan tarayıcı davranışı olduğu için bunun bir yolu yoktur. Tek çözüm, duyarlı bir düzen veya sabit olmayan bir öğe kullanmaktır.