Skeakelje de responsiviteit fan Bootstrap út troch de breedte fan 'e kontener te befestigjen en it earste rastersysteemtier te brûken. Lês de dokumintaasje foar mear ynformaasje.
Opmerking it gebrek oan 'e <meta name="viewport" content="width=device-width, initial-scale=1">
, dy't it zoomaspekt fan siden yn mobile apparaten útskeakelje. Derneist hawwe wy de breedte fan ús kontener weromsette en de navbar feroare om ynstoarten te foarkommen, en binne yn prinsipe goed om te gean.
As heads-up is de navbar-komponint hjir nochal lestich om't de stilen foar it werjaan fan it nochal spesifyk en detaillearre binne. Overrides om te garandearjen dat it werjaan fan buroblêdstilen net sa performant of strak binne as men soe wolle. Wês gewoan bewust dat d'r potinsjele gotchas kinne wêze as jo boppe op dit foarbyld bouwe by it brûken fan de navbar.
Non-responsive layouts markearje in wichtich neidiel foar fêste eleminten. Elke fêste komponint, lykas in fêste navbar, sil net skrollber wêze as de viewport smeller wurdt as de side-ynhâld. Mei oare wurden, sjoen de net-responsive kontenerbreedte fan 970px en in viewport fan 800px, sille jo mooglik 170px ynhâld ferbergje.
D'r is gjin manier om dit hinne, om't it standert browsergedrach is. De ienige oplossing is in responsive yndieling of it brûken fan in net-fêst elemint.