با ثابت کردن عرض ظرف و استفاده از اولین ردیف سیستم شبکه، پاسخگویی Bootstrap را غیرفعال کنید. برای اطلاعات بیشتر مستندات را بخوانید .
به فقدان آن توجه کنید <meta name="viewport" content="width=device-width, initial-scale=1">
که جنبه بزرگنمایی سایت ها را در دستگاه های تلفن همراه غیرفعال می کند. علاوه بر این، عرض کانتینر خود را بازنشانی کردیم و نوار ناوبری را برای جلوگیری از فرو ریختن تغییر دادیم و اساساً کار خوبی است.
به عنوان یک سر بالا، مؤلفه نوار ناوبری در اینجا بسیار مشکل است، زیرا سبک های نمایش آن نسبتاً خاص و دقیق هستند. برای اطمینان از اینکه نمایش سبکهای دسکتاپ آنطور که میخواهید کارآمد یا براق نیست، لغو میشود. فقط توجه داشته باشید که در هنگام استفاده از نوار ناوبری در بالای این مثال، ممکن است گوچاهای بالقوه ای وجود داشته باشد.
طرحبندیهای غیر پاسخگو یک اشکال کلیدی در عناصر ثابت را برجسته میکنند. هر مؤلفه ثابت، مانند نوار ناوبری ثابت، زمانی که درگاه دید از محتوای صفحه باریکتر شود، قابل پیمایش نخواهد بود. به عبارت دیگر، با توجه به عرض کانتینر غیر پاسخگو 970 پیکسل و نمای 800 پیکسل، به طور بالقوه 170 پیکسل محتوا را پنهان خواهید کرد.
هیچ راهی برای دور زدن این موضوع وجود ندارد زیرا این رفتار پیش فرض مرورگر است. تنها راه حل یک طرح پاسخگو یا استفاده از یک عنصر غیر ثابت است.