Deaktiveer die responsiwiteit van Bootstrap deur die breedte van die houer vas te maak en die eerste roosterstelselvlak te gebruik. Lees die dokumentasie vir meer inligting.
Let op die gebrek aan die <meta name="viewport" content="width=device-width, initial-scale=1">, wat die inzoom-aspek van werwe in mobiele toestelle deaktiveer. Daarbenewens het ons ons houer se breedte teruggestel en die navigasiebalk verander om te verhoed dat dit ineenstort, en is basies goed om te gaan.
As 'n kennismaking, is die navigasiebalk-komponent hier taamlik lastig deurdat die style om dit te vertoon, taamlik spesifiek en gedetailleerd is. Veranderinge om te verseker dat die skerm van lessenaarstyle nie so presteer of glad is as wat 'n mens wil hê nie. Wees net bewus daarvan dat daar potensiële gochas kan wees as jy bo-op hierdie voorbeeld bou wanneer jy die navigasiebalk gebruik.
Nie-responsiewe uitlegte beklemtoon 'n belangrike nadeel van vaste elemente. Enige vaste komponent, soos 'n vaste navigasiebalk, sal nie rolbaar wees wanneer die kykpoort nouer as die bladsyinhoud word nie. Met ander woorde, gegewe die nie-responsiewe houerwydte van 970px en 'n viewport van 800px, sal jy moontlik 170px se inhoud versteek.
Daar is geen manier om dit te vermy nie, aangesien dit die standaard blaaiergedrag is. Die enigste oplossing is 'n responsiewe uitleg of die gebruik van 'n nie-vaste element.