Çaktivizoni reagimin e Bootstrap duke rregulluar gjerësinë e kontejnerit dhe duke përdorur nivelin e parë të sistemit të rrjetit. Lexoni dokumentacionin për më shumë informacion.
Vini re mungesën e <meta name="viewport" content="width=device-width, initial-scale=1">, e cila çaktivizon aspektin e zmadhimit të sajteve në pajisjet celulare. Për më tepër, ne rivendosëm gjerësinë e kontejnerit tonë dhe ndryshuam shiritin e navigimit për të parandaluar kolapsin dhe në thelb jemi të mirë për të shkuar.
Si fillim, komponenti i navbarit është mjaft i ndërlikuar këtu në atë që stilet e shfaqjes së tij janë mjaft specifike dhe të detajuara. Mbështetet për të siguruar që shfaqja e stileve të desktopit të mos jetë aq performuese ose e hijshme sa do të dëshironim. Vetëm kini parasysh se mund të ketë gabime të mundshme ndërsa ndërtoni në krye të këtij shembulli kur përdorni shiritin e navigimit.
Paraqitjet që nuk përgjigjen theksojnë një pengesë kryesore për elementët fiks. Çdo komponent fiks, si p.sh. një shirit navigimi fiks, nuk do të jetë i lëvizshëm kur porta e pamjes bëhet më e ngushtë se përmbajtja e faqes. Me fjalë të tjera, duke pasur parasysh gjerësinë e kontejnerit që nuk përgjigjet prej 970 px dhe një pamje prej 800 px, ju mund të fshehni 170 px të përmbajtjes.
Nuk ka asnjë mënyrë rreth kësaj pasi është sjellja e parazgjedhur e shfletuesit. Zgjidhja e vetme është një plan urbanistik i përgjegjshëm ose përdorimi i një elementi jo fiks.