Atspējojiet Bootstrap reaģētspēju, fiksējot konteinera platumu un izmantojot pirmo režģa sistēmas līmeni. Plašāku informāciju lasiet dokumentācijā .
Ņemiet vērā, ka trūkst <meta name="viewport" content="width=device-width, initial-scale=1">
, kas mobilajās ierīcēs atspējo vietņu tālummaiņas aspektu. Turklāt mēs atiestatījām konteinera platumu un mainījām navigācijas joslu, lai novērstu sabrukšanu, un būtībā tas ir labi.
Ņemiet vērā, ka navigācijas joslas komponents šeit ir diezgan sarežģīts, jo tā parādīšanas stili ir diezgan specifiski un detalizēti. Ignorējumi, lai nodrošinātu, ka darbvirsmas stilu attēlojums nav tik efektīvs vai gluds, kā gribētos. Vienkārši ņemiet vērā, ka, izmantojot navigācijas joslu, izmantojot šo piemēru, var rasties problēmas.
Nereaģējošie izkārtojumi izceļ galveno fiksēto elementu trūkumu. Jebkurš fiksēts komponents, piemēram, fiksētā navigācijas josla, nebūs ritināms, kad skata logs kļūs šaurāks par lapas saturu. Citiem vārdiem sakot, ņemot vērā nereaģējošā konteinera platumu 970 pikseļus un skata portu 800 pikseļus, jūs, iespējams, paslēpsit 170 pikseļus lielu saturu.
To nevar apiet, jo tā ir pārlūkprogrammas noklusējuma darbība. Vienīgais risinājums ir atsaucīgs izkārtojums vai nefiksēta elementa izmantošana.