Bootstrap akoj apẹẹrẹ
Awọn ipilẹ akoj ipilẹ lati jẹ ki o faramọ pẹlu kikọ laarin eto akoj Bootstrap.
Ni awọn apẹẹrẹ, .themed-grid-col
kilasi ti wa ni afikun si awọn ọwọn lati fi awọn akori kan kun. Eyi kii ṣe kilasi ti o wa ni Bootstrap nipasẹ aiyipada.
Marun akoj tiers
Awọn ipele marun wa si eto akoj Bootstrap, ọkan fun awọn ẹrọ kọọkan ti a ṣe atilẹyin. Ipele kọọkan bẹrẹ ni iwọn iwo wiwo ti o kere julọ ati pe o kan laifọwọyi si awọn ẹrọ ti o tobi ju ayafi ti o ba bori.
Mẹta dogba ọwọn
Gba awọn ọwọn iwọn dogba mẹta ti o bẹrẹ ni awọn kọnputa agbeka ati iwọn si awọn kọǹpútà alágbèéká nla . Lori awọn ẹrọ alagbeka, awọn tabulẹti ati ni isalẹ, awọn ọwọn yoo wa ni akopọ laifọwọyi.
Meta dogba ọwọn yiyan
Nipa lilo awọn .row-cols-*
kilasi, o le ni rọọrun ṣẹda akoj pẹlu awọn ọwọn dogba.
.col
ọmọ ti
.row-cols-md-3
.col
ọmọ ti
.row-cols-md-3
.col
ọmọ ti
.row-cols-md-3
Awọn ọwọn ti ko dọgba mẹta
Gba awọn ọwọn mẹta ti o bẹrẹ ni awọn tabili itẹwe ati iwọn si awọn tabili itẹwe nla ti ọpọlọpọ awọn iwọn. Ranti, awọn ọwọn akoj yẹ ki o ṣafikun to mejila fun bulọọki petele kan. Diẹ sii ju iyẹn lọ, ati awọn ọwọn bẹrẹ akopọ laibikita oju-ọna wiwo.
Awọn ọwọn meji
Gba awọn ọwọn meji ti o bẹrẹ ni awọn kọǹpútà alágbèéká ati iwọn si awọn tabili itẹwe nla .
Iwọn ni kikun, ọwọn ẹyọkan
Ko si awọn kilasi akoj jẹ pataki fun awọn eroja iwọn ni kikun.
Awọn ọwọn meji pẹlu awọn ọwọn itẹ-ẹiyẹ meji
Fun iwe-ipamọ naa, itẹ-ẹiyẹ jẹ irọrun — kan fi awọn ila ti awọn ọwọn sinu iwe ti o wa tẹlẹ. Eyi yoo fun ọ ni awọn ọwọn meji ti o bẹrẹ ni awọn tabili itẹwe ati iwọn si awọn tabili itẹwe nla , pẹlu meji miiran (awọn iwọn dogba) laarin iwe nla.
Ni awọn iwọn ẹrọ alagbeka, awọn tabulẹti ati isalẹ, awọn ọwọn wọnyi ati awọn ọwọn itẹ-ẹiyẹ wọn yoo tojọ.
Adalu: mobile ati tabili
Eto Bootstrap v4 grid ni awọn ipele marun ti awọn kilasi: xs (afikun kekere, infix kilasi yii ko lo), sm (kekere), md (alabọde), lg (tobi), ati xl (afikun nla). O le lo fere eyikeyi akojọpọ awọn kilasi wọnyi lati ṣẹda agbara diẹ sii ati awọn ipalemo rọ.
Ipele kọọkan ti awọn kilasi ṣe iwọn soke, itumo ti o ba gbero lori ṣeto awọn iwọn kanna fun md, lg ati xl, iwọ nikan nilo lati pato md.
Adalu: alagbeka, tabulẹti, ati tabili tabili
Awọn gutters
Pẹlu .gx-*
awọn kilasi, awọn gutters petele le ṣe atunṣe.
.col
pẹlu
.gx-4
gutters
.col
pẹlu
.gx-4
gutters
.col
pẹlu
.gx-4
gutters
.col
pẹlu
.gx-4
gutters
.col
pẹlu
.gx-4
gutters
.col
pẹlu
.gx-4
gutters
Lo awọn .gy-*
kilasi lati ṣakoso awọn gutter inaro.
.col
pẹlu
.gy-4
gutters
.col
pẹlu
.gy-4
gutters
.col
pẹlu
.gy-4
gutters
.col
pẹlu
.gy-4
gutters
.col
pẹlu
.gy-4
gutters
.col
pẹlu
.gy-4
gutters
Pẹlu .g-*
awọn kilasi, awọn gutters ni awọn itọnisọna mejeeji le ṣe atunṣe.
.col
pẹlu
.g-3
gutters
.col
pẹlu
.g-3
gutters
.col
pẹlu
.g-3
gutters
.col
pẹlu
.g-3
gutters
.col
pẹlu
.g-3
gutters
.col
pẹlu
.g-3
gutters
Awọn apoti
Awọn kilasi afikun ti a ṣafikun ni Bootstrap v4.4 gba awọn apoti laaye ti o jẹ 100% fife titi aaye isinmi kan pato. v5 afikun titun kan xxl
breakpoint.