Basic grid layouts a ɛbɛma woahu adansi wɔ Bootstrap grid nhyehyɛe no mu.
Wɔ saa nhwɛso ahorow yi mu no wɔde .themed-grid-coladesuakuw no aka nkyerɛwde ahorow no ho de asɛmti bi aka ho. Eyi nyɛ adesua a ɛwɔ Bootstrap mu default so.
Tiers anum na ɛwɔ Bootstrap grid nhyehyɛe no mu, biako ma mfiri ahorow biara a yɛboa. Tier biara fi ase wɔ viewport kɛse a esua koraa na ɛyɛ adwuma ankasa wɔ mfiri akɛse no so gye sɛ wɔabu so.
Nya nkyerɛwde abiɛsa a ne tɛtrɛtɛ yɛ pɛ a efi ase wɔ desktop so na ɛkɔ desktop akɛse so . Wɔ mobile devices, tablets ne ase hɔ no, columns no bɛboaboa ano ankasa.
Nya columns abiɛsa a efi ase wɔ desktops na scaling kɔ desktop akɛse a ne tɛtrɛtɛ ahorow so. Kae sɛ, ɛsɛ sɛ grid columns no ka dumien ho ma horizontal block biako. Nea ɛboro saa, na columns fi ase stacking ɛmfa ho viewport.
Nya nkyerɛwde abien a efi ase wɔ desktop so na ɛkɔ desktop akɛse so .
Grid adesua biara nni hɔ a ɛho hia ma element ahorow a ɛtrɛw nyinaa.
Sɛnea nkrataa no kyerɛ no, nesting yɛ mmerɛw —fa nkyerɛwde ahorow a ɛtoatoa so bi hyɛ kɔla bi a ɛwɔ hɔ dedaw mu kɛkɛ. Wei ma wo kɔla mmienu a ɛfiri aseɛ wɔ desktop so na ɛkɔ soro kɔ desktop akɛseɛ so , a mmienu foforɔ (a ne tɛtrɛtɛ yɛ pɛ) wɔ kɔla kɛseɛ no mu.
Wɔ mobile device akɛse, tablets ne ase no, saa columns yi ne wɔn nested columns no bɛboaboa ano.
Bootstrap v4 grid nhyehyɛe no wɔ adesua ahorow anum: xs (ketewa kɛse), sm (ketewa), md (mfinimfini), lg (kɛse), ne xl (kɛse kɛse). Ɛkame ayɛ sɛ wubetumi de adesua ahorow yi a wɔaka abom biara adi dwuma de ayɛ nhyehyɛe ahorow a ɛyɛ nnam na ɛyɛ mmerɛw kɛse.
Tier biara a ɛwɔ classes no mu no yɛ scales up, a ɛkyerɛ sɛ sɛ woayɛ nhyehyɛe sɛ wobɛhyehyɛ widths koro no ara ama xs ne sm a, nea ehia sɛ wokyerɛ xs nkutoo.