Poista Bootstrapin reagointikyky korjaamalla säilön leveys ja käyttämällä ensimmäistä ruudukkojärjestelmätasoa. Lue dokumentaatio saadaksesi lisätietoja.
Huomaa, että puuttuu <meta name="viewport" content="width=device-width, initial-scale=1">, joka poistaa sivustojen zoomauksen käytöstä mobiililaitteissa. Lisäksi nollasimme konttimme leveyden ja muutimme navigointipalkkia romahtamisen estämiseksi, ja olemme periaatteessa hyviä.
Huomioi, navigointipalkin komponentti on tässä melko hankala, koska sen näyttötyylit ovat melko tarkkoja ja yksityiskohtaisia. Ohitukset sen varmistamiseksi, että työpöytätyylien näyttö ei ole niin tehokas tai tyylikäs kuin haluaisi. Huomaa vain, että mahdollisia vikoja voi esiintyä, kun rakennat tämän esimerkin päälle navigointipalkkia käyttäessäsi.
Ei-responsiiviset asettelut korostavat kiinteiden elementtien keskeistä haittaa. Mitään kiinteää komponenttia, kuten kiinteää navigointipalkkia, ei voi vierittää, kun näkymästä tulee sivun sisältöä kapeampi. Toisin sanoen, koska reagoimaton säilön leveys on 970 pikseliä ja näkymä 800 pikseliä, saatat piilottaa 170 pikseliä sisältöä.
Tätä ei voi kiertää, koska se on selaimen oletustoiminto. Ainoa ratkaisu on reagoiva asettelu tai kiinteän elementin käyttö.