Ma Bootstrap mmuae no nyɛ adwuma denam ahina no trɛw a wobɛsiesie ne grid nhyehyɛe tier a edi kan no a wode bedi dwuma no so. Kenkan nkrataa no na woanya nsɛm pii.
Hyɛ <meta name="viewport" content="width=device-width, initial-scale=1">, a ɛmma wɛbsaet ahorow a ɛwɔ telefon a wokura kyin so no fã a ɛma ɛyɛ kɛse no nyɛ adwuma no nsow. Bio nso, yɛsan de yɛn container no trɛw na yɛsesaa navbar no sɛnea ɛbɛyɛ a ɛrenhwe ase, na ne titiriw no eye sɛ yɛbɛkɔ.
Sɛ́ heads up no, navbar component no yɛ tricky mmom wɔ ha wɔ sɛ styles a wɔde kyerɛ no yɛ mmom pɔtee na ɛyɛ nsɛm a ɛkɔ akyiri. Overrides de hwɛ hu sɛ desktop styles display no nyɛ performant anaasɛ sleek sɛnea obi bɛpɛ. Kɛkɛ hu sɛ ebia gotchas betumi aba bere a wokyekye wɔ saa nhwɛso yi atifi bere a wode navbar no redi dwuma no.
Nhyehyɛe ahorow a ɛnyɛ nea ɛyɛ adwuma no si ɔhaw titiriw bi a ɛwɔ nneɛma a wɔahyɛ da ayɛ ho so dua. Afã biara a wɔahyɛ da ayɛ, te sɛ navbar a wɔahyɛ da ayɛ no, rentumi nkɔ so bere a viewport no bɛyɛ teateaa asen krataafa no mu nsɛm no. Ɔkwan foforo so no, sɛ wode container no trɛw a ɛnyɛ mmuae a ɛyɛ 970px ne viewport a ɛyɛ 800px ma a, wubetumi de nsɛm a ɛwɔ mu no asie 170px.
Ɔkwan biara nni hɔ a wɔfa so di eyi ho dwuma sɛnea ɛyɛ default browser suban. Ano aduru biako pɛ ne nhyehyɛe a ɛma mmuae anaasɛ wode element a ɛnyɛ nea wɔahyɛ da ayɛ bedi dwuma.