Deaktiver Bootstraps reaktionsevne ved at fastgøre bredden af containeren og bruge det første gittersystem. Læs dokumentationen for mere information.
Bemærk manglen på <meta name="viewport" content="width=device-width, initial-scale=1">, som deaktiverer zoom-aspektet af websteder på mobile enheder. Derudover har vi nulstillet vores containers bredde og ændret navbaren for at forhindre sammenbrud, og er grundlæggende god til at gå.
Som en heads up er navbar-komponenten ret vanskelig her, fordi stilene til at vise den er ret specifikke og detaljerede. Tilsidesættelser for at sikre, at visningen af skrivebordsstile ikke er så effektive eller slanke, som man kunne ønske sig. Bare vær opmærksom på, at der kan være potentielle gotchas, når du bygger oven på dette eksempel, når du bruger navbaren.
Ikke-responsive layouts fremhæver en vigtig ulempe ved faste elementer. Enhver fast komponent, såsom en fast navbar, vil ikke kunne rulles, når visningsporten bliver smallere end sidens indhold. Med andre ord, givet den ikke-responsive containerbredde på 970px og en viewport på 800px, vil du potentielt skjule 170px indhold.
Der er ingen vej udenom dette, da det er standard browseradfærd. Den eneste løsning er et responsivt layout eller brug af et ikke-fast element.