Malebligu la respondecon de Bootstrap riparante la larĝon de la ujo kaj uzante la unuan kradan sistemon. Legu la dokumentaron por pliaj informoj.
Notu la mankon de la <meta name="viewport" content="width=device-width, initial-scale=1">, kiu malŝaltas la zoman aspekton de retejoj en porteblaj aparatoj. Krome, ni restarigas la larĝon de nia ujo kaj ŝanĝis la navbaron por malhelpi kolapson, kaj estas esence bona por iri.
Kiel atentigo, la navbar-komponento estas sufiĉe malfacila ĉi tie, ĉar la stiloj por montri ĝin estas sufiĉe specifaj kaj detalaj. Anstataŭigoj por certigi labortablajn stilojn ekrano ne estas tiel efika aŭ eleganta kiel oni ŝatus. Nur konsciu, ke eble ekzistas eblaj problemoj dum vi konstruas sur ĉi tiu ekzemplo kiam vi uzas la navbaron.
Ne-respondemaj aranĝoj reliefigas ŝlosilan malavantaĝon al fiksaj elementoj. Ajna fiksita komponanto, kiel fiksa navigadbreto, ne estos rulumebla kiam la vidfenestro iĝas pli mallarĝa ol la paĝa enhavo. Alivorte, konsiderante la ne-respondeman ujo-larĝon de 970 px kaj vidfenestron de 800 px, vi eble kaŝos 170 px da enhavo.
Ne estas maniero ĉirkaŭ tio ĉar ĝi estas defaŭlta retumila konduto. La sola solvo estas respondema aranĝo aŭ uzi ne-fiksan elementon.