Deaktivéiert d'Reaktiounsfäegkeet vum Bootstrap andeems Dir d'Breet vum Container fixéiert an den éischte Gittersystemniveau benotzt. Liest d'Dokumentatioun fir méi Informatiounen.
Notéiert de Mangel vun der <meta name="viewport" content="width=device-width, initial-scale=1">
, déi de Zoomen Aspekt vu Siten op mobilen Apparater deaktivéiert. Zousätzlech hu mir d'Breet vun eisem Container zréckgesat an d'Navbar geännert fir Zesummebroch ze vermeiden, a si sinn am Fong gutt fir ze goen.
Als Heads-up ass d'Navbar Komponent hei zimlech komplizéiert, datt d'Stiler fir et ze weisen zimlech spezifesch an detailléiert sinn. Overrides fir ze garantéieren datt Desktop Stiler Display net sou performant oder glat sinn wéi ee gär hätt. Gitt just bewosst datt et potenziell Gotchas ka sinn wéi Dir op dësem Beispill baut wann Dir d'Navbar benotzt.
Net-reaktiounsfäeger Layouten markéieren e Schlëssel Nodeel fir fix Elementer. All fixe Komponent, sou wéi eng fix Navbar, wäert net scrollbar sinn wann de Viewport méi schmuel gëtt wéi de Säitinhalt. An anere Wierder, mat der net-reaktiounsfäeger Containerbreet vun 970px an engem Viewport vun 800px, verstoppt Dir potenziell 170px Inhalt.
Et gëtt kee Wee ronderëm dëst well et Standard Browser Verhalen ass. Déi eenzeg Léisung ass e reaktiounsfäeger Layout oder mat engem net fixen Element.