Analluoga ymatebolrwydd Bootstrap trwy osod lled y cynhwysydd a defnyddio'r haen system grid gyntaf. Darllenwch y ddogfennaeth am ragor o wybodaeth.
Sylwch ar ddiffyg y <meta name="viewport" content="width=device-width, initial-scale=1">, sy'n analluogi agwedd chwyddo gwefannau mewn dyfeisiau symudol. Yn ogystal, rydym yn ailosod lled ein cynhwysydd ac yn newid y navbar i atal cwympo, ac yn y bôn yn dda i fynd.
Ar y llaw arall, mae'r gydran navbar braidd yn anodd yma gan fod yr arddulliau ar gyfer ei harddangos braidd yn benodol a manwl. Diystyru i sicrhau nad yw arddangosiad arddulliau bwrdd gwaith mor berfformiwr na lluniaidd ag yr hoffai. Byddwch yn ymwybodol efallai y bydd gotchas posibl wrth i chi adeiladu ar ben yr enghraifft hon wrth ddefnyddio'r navbar.
Mae cynlluniau nad ydynt yn ymateb yn amlygu anfantais allweddol i elfennau sefydlog. Ni fydd modd sgrolio unrhyw gydran sefydlog, fel bar llywio sefydlog, pan fydd y porth gwylio'n mynd yn gulach na chynnwys y dudalen. Mewn geiriau eraill, o ystyried lled cynhwysydd anymatebol o 970px a phorth gwylio o 800px, mae'n bosibl y byddwch yn cuddio 170px o gynnwys.
Nid oes unrhyw ffordd o gwmpas hyn gan ei fod yn ymddygiad porwr rhagosodedig. Yr unig ateb yw cynllun ymatebol neu ddefnyddio elfen nad yw'n sefydlog.