Vypněte odezvu Bootstrapu tím, že upravíte šířku kontejneru a použijete první vrstvu mřížkového systému. Další informace naleznete v dokumentaci .
Všimněte si, že chybí <meta name="viewport" content="width=device-width, initial-scale=1">
přípona , která deaktivuje přibližování stránek v mobilních zařízeních. Kromě toho jsme resetovali šířku našeho kontejneru a změnili navigační lištu, aby se zabránilo zhroucení, a v podstatě je to dobré.
Jako upozornění je zde komponenta navbar poněkud ošidná v tom, že styly pro její zobrazení jsou poměrně specifické a podrobné. Přepisy, které zajistí, že zobrazení stylů plochy nebude tak výkonné nebo elegantní, jak byste chtěli. Jen si uvědomte, že při používání tohoto příkladu mohou nastat potenciální problémy.
Neresponzivní rozvržení zvýrazňují klíčovou nevýhodu pevných prvků. Jakákoli pevná součást, například pevná navigační lišta, nebude možné posouvat, když se výřez zužuje než obsah stránky. Jinými slovy, vzhledem k šířce nereagujícího kontejneru 970 pixelů a zobrazované oblasti 800 pixelů potenciálně skryjete 170 pixelů obsahu.
Neexistuje žádný způsob, jak to obejít, protože je to výchozí chování prohlížeče. Jediným řešením je responzivní rozložení nebo použití nepevného prvku.