Bootstrap akoj apẹẹrẹ

Awọn ipilẹ akoj ipilẹ lati jẹ ki o faramọ pẹlu kikọ laarin eto akoj Bootstrap.

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.

.kól-4
.kól-4
.kól-4
.kol-sm-4
.kol-sm-4
.kol-sm-4
.kol-md-4
.kol-md-4
.kol-md-4
.kol-lg-4
.kol-lg-4
.kol-lg-4
.kol-xl-4
.kol-xl-4
.kol-xl-4

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.

.kol-md-4
.kol-md-4
.kol-md-4

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 wiwo naa.

.kol-md-3
.kol-md-6
.kol-md-3

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 .

.kol-md-8
.kol-md-4

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 laarin ọwọn to 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ọ.

.kol-md-8
.kol-md-6
.kol-md-6
.kol-md-4

Adalu: mobile ati tabili

Eto grid Bootstrap v4 ni awọn ipele marun ti awọn kilasi: xs (afikun kekere), sm (kekere), md (alabọde), lg (tobi), ati xl (ti o tobi ju). 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 xs ati sm, iwọ nikan nilo lati pato awọn xs.

.col-12 .col-md-8
.col-6 .col-md-4
.col-6 .col-md-4
.col-6 .col-md-4
.col-6 .col-md-4
.kól-6
.kól-6

Adalu: alagbeka, tabulẹti, ati tabili tabili

.col-12 .col-sm-6 .col-lg-8
.col-6 .col-lg-4
.col-6 .col-sm-4
.col-6 .col-sm-4
.col-6 .col-sm-4