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í navigačního panelu mohou nastat potenciální problémy, když na tomto příkladu stavíte.
Nereagující rozvržení zdůrazňují klíčovou nevýhodu pevných prvků. Jakákoli pevná součást, jako je 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.