A tároló szélességének rögzítésével és az első rácsrendszerszint használatával tiltsa le a Bootstrap válaszkészségét. További információért olvassa el a dokumentációt .
Vegye figyelembe a hiányát <meta name="viewport" content="width=device-width, initial-scale=1">
, amely letiltja a webhelyek nagyítását a mobileszközökön. Ezen túlmenően visszaállítottuk a tároló szélességét, és megváltoztattuk a navigációs sávot, hogy megakadályozzuk az összeomlást, és alapvetően jól használható.
Figyelem: a navigációs sáv komponens itt meglehetősen trükkös, mivel a megjelenítési stílusok meglehetősen specifikusak és részletesek. Felülírások annak biztosítására, hogy az asztali stílusok megjelenítése ne legyen olyan hatékony vagy elegáns, mint szeretné. Ne feledje, hogy a navigációs sáv használatakor e példára építve előfordulhatnak hibák.
A nem reagáló elrendezések kiemelik a rögzített elemek egyik fő hátrányát. A rögzített összetevők, például a rögzített navigációs sávok nem görgethetők, ha a nézet szűkebb lesz, mint az oldal tartalma. Más szóval, tekintettel a nem reagáló tároló 970 képpontos szélességére és a 800 képpontos nézetre, potenciálisan 170 képpontnyi tartalmat rejthet el.
Ezt nem lehet megkerülni, mivel ez a böngésző alapértelmezett viselkedése. Az egyetlen megoldás egy reszponzív elrendezés vagy egy nem rögzített elem használata.