Bootstrap daim phiaj piv txwv
Cov kab sib chaws yooj yim kom tau txais koj paub txog kev tsim nyob hauv Bootstrap grid system.
Nyob rau hauv cov piv txwv no cov .themed-grid-col
chav kawm yog ntxiv rau cov kab kom ntxiv ib co theming. Qhov no tsis yog chav kawm uas muaj nyob hauv Bootstrap los ntawm lub neej ntawd.
Tsib kab sib chaws
Muaj tsib theem rau Bootstrap kab sib chaws, ib qho rau txhua qhov khoom siv peb txhawb nqa. Txhua qib pib ntawm qhov tsawg kawg nkaus saib qhov loj thiab tuaj yeem siv rau cov khoom siv loj dua tshwj tsis yog overridden.
Peb kab vaj huam sib luag
Tau peb kab sib npaug-dav pib ntawm desktops thiab scaling rau loj desktops . Ntawm cov khoom siv txawb, ntsiav tshuaj thiab hauv qab no, cov kab yuav cia li tso tseg.
Peb cov kab sib npaug sib npaug
Los ntawm kev siv cov .row-cols-*
chav kawm, koj tuaj yeem yooj yim tsim ib daim phiaj nrog cov kab sib npaug.
.col
tus tub ntawm
.row-cols-md-3
.col
tus tub ntawm
.row-cols-md-3
.col
tus tub ntawm
.row-cols-md-3
Peb kab tsis sib npaug
Tau peb kab pib ntawm desktops thiab scaling rau desktops loj ntawm ntau qhov dav. Nco ntsoov, kab sib chaws yuav tsum ntxiv txog kaum ob rau ib qho kab rov tav thaiv. Ntau tshaj qhov ntawd, thiab txhua kab pib stacking tsis hais qhov chaw saib.
Ob kab
Tau txais ob kab pib ntawm desktops thiab scaling rau loj desktops .
Tag nrho dav, ib kem
Tsis muaj cov chav kawm kab sib chaws tsim nyog rau cov ntsiab lus dav dav.
Ob kab nrog ob kab nested
Raws li cov ntaub ntawv, kev ua zes yog ib qho yooj yim-tsuas yog muab ib kab ntawm kab hauv kab uas twb muaj lawm. Qhov no muab rau koj ob kab pib ntawm desktops thiab scaling rau loj desktops , nrog rau lwm ob (sib npaug widths) nyob rau hauv lub loj kem.
Ntawm qhov ntau thiab tsawg ntawm cov khoom siv txawb, cov ntsiav tshuaj thiab qis, cov kab no thiab lawv cov kab ke zes yuav pawg.
Mixed: mobile thiab desktop
Lub Bootstrap v4 daim phiaj muaj tsib qib ntawm cov chav kawm: xs (ntxiv me me, chav kawm infix no tsis siv), sm (me), md (nruab nrab), lg (loj), thiab xl (loj ntxiv). Koj tuaj yeem siv yuav luag txhua qhov kev sib xyaw ntawm cov chav kawm no los tsim kom muaj kev sib tw thiab hloov tau yooj yim.
Txhua qib ntawm cov chav kawm nce, lub ntsiab lus yog tias koj npaj rau kev teeb tsa tib qhov dav rau md, lg thiab xl, koj tsuas yog yuav tsum tau qhia md.
Mixed: mobile, ntsiav tshuaj, thiab desktop
Gutters
Nrog .gx-*
cov chav kawm, kab rov tav gutters tuaj yeem hloov kho.
.col
nrog
.gx-4
gutters
.col
nrog
.gx-4
gutters
.col
nrog
.gx-4
gutters
.col
nrog
.gx-4
gutters
.col
nrog
.gx-4
gutters
.col
nrog
.gx-4
gutters
Siv cov .gy-*
chav kawm los tswj cov kav dej ntsug.
.col
nrog
.gy-4
gutters
.col
nrog
.gy-4
gutters
.col
nrog
.gy-4
gutters
.col
nrog
.gy-4
gutters
.col
nrog
.gy-4
gutters
.col
nrog
.gy-4
gutters
Nrog rau .g-*
cov chav kawm, cov gutters hauv ob qho tib si tuaj yeem hloov kho.
.col
nrog
.g-3
gutters
.col
nrog
.g-3
gutters
.col
nrog
.g-3
gutters
.col
nrog
.g-3
gutters
.col
nrog
.g-3
gutters
.col
nrog
.g-3
gutters
Ntim
Cov chav kawm ntxiv ntxiv hauv Bootstrap v4.4 tso cai rau cov thawv uas muaj 100% dav kom txog rau thaum ib qho kev tawg. v5 ntxiv qhov kev xxl
ncua tshiab.