Keelake Bootstrapi reageerimisvõime, määrates konteineri laiuse ja kasutades ruudustikusüsteemi esimest taset. Lisateabe saamiseks lugege dokumentatsiooni .
Pange tähele, et puudub <meta name="viewport" content="width=device-width, initial-scale=1">
, mis keelab saitide suumimise mobiilseadmetes. Lisaks lähtestasime oma konteineri laiuse ja muutsime navigeerimisriba, et vältida kokkuvarisemist ning põhimõtteliselt on see hea.
Juhime tähelepanu sellele, et navigeerimisriba komponent on siin üsna keeruline, kuna selle kuvamise stiilid on üsna spetsiifilised ja üksikasjalikud. Alistamised tagamaks, et töölaua stiilide kuvamine ei oleks nii tõhus ega klanitud, kui soovitakse. Pidage meeles, et navigeerimisriba kasutamisel sellele näitele tuginedes võib esineda võimalikke probleeme.
Mittereageerivad paigutused toovad esile fikseeritud elementide peamise puuduse. Ükski fikseeritud komponent, näiteks fikseeritud navigeerimisriba, ei ole keritav, kui vaateava muutub lehe sisust kitsamaks. Teisisõnu, arvestades mittereageeriva konteineri laiust 970 pikslit ja vaateava 800 pikslit, peidate potentsiaalselt 170 pikslit sisu.
Sellest ei saa kuidagi mööda, kuna see on brauseri vaikekäitumine. Ainus lahendus on tundlik paigutus või fikseerimata elemendi kasutamine.