Didirišwa tša go beakanya
Bakeng sa tlhabollo ya ka pela yeo e nago le bogwera bja sellathekeng le yeo e arabelago, Bootstrap e akaretša diklase tše dintši tša mohola bakeng sa go bontšha, go uta, go logaganya, le go arola dikagare.
Go fetogadisplay
Diriša didirišwa tša rena tša pontšho bakeng sa go fetoša ka go arabela dikelo tše di tlwaelegilego tša display
thepa. E hlakantšhe le tshepedišo ya rena ya keriti, diteng, goba dikarolo go di bontšha goba go di uta go putla mafelo a go lebelela a itšego.
Dikgetho tša Flexbox
Bootstrap 4 e hahiloe le flexbox, empa ha se elements e 'ngoe le e' ngoe display
e fetotsoeng ho display: flex
e le sena se ne se tla eketsa overrides tse ngata tse sa hlokahaleng le ho fetola ka ho sa lebelloa boitšoaro ba senotlolo sebadi. Bontši bja dikarolo tša rena di agilwe ka flexbox yeo e kgontšhitšwego.
Ge e ba o swanetše go nyaka go tlaleletša display: flex
go elemente, dira bjalo ka .d-flex
goba e nngwe ya diphetogo tše di arabelago (mohlala, .d-sm-flex
). O tla hloka sehlopha se goba display
boleng go dumelela tšhomišo ya didirišwa tša rena tša tlaleletšo tša flexbox bakeng sa go lekanyetša bogolo, go logaganya, go beakanya sekgoba, le tše dingwe.
Margin le padding
Šomiša didirišwamargin
tša le tša go beakanya sekgoba go laola ka moo dielemente le dikarolo di arotšwego ka gona le bogolo. Bootstrap 4 e akaretša tekanyo ya maemo a mahlano bakeng sa didirišwa tša go arola sekgoba, yeo e theilwego godimo ga phetogo ya go se fetoge ya boleng . Kgetha dikelo tša dipono ka moka (mohlala, bakeng sa ), goba kgetha diphetogo tše di arabelago go nepiša dipono tše itšego (mohlala, bakeng sa go thoma ntlheng ya go kgaotša).padding
1rem
$spacer
.mr-3
margin-right: 1rem
.mr-md-3
margin-right: 1rem
md
Fetolavisibility
Ge go fetoša display
go sa nyakege, o ka fetoša visibility
ya elemente ka didirišwa tša rena tša go bonagala . Dielemente tše di sa bonagalego di sa tla ama peakanyo ya letlakala, eupša di utilwe ka pono go baeti.