Cyfleustodau ar gyfer cynllun
Ar gyfer datblygiad cyflymach sy'n gyfeillgar i ffonau symudol ac ymatebol, mae Bootstrap yn cynnwys dwsinau o ddosbarthiadau cyfleustodau ar gyfer dangos, cuddio, alinio a bylchu cynnwys.
Newiddisplay
Defnyddiwch ein cyfleustodau arddangos i newid yn ymatebol werthoedd cyffredin yr display
eiddo. Cymysgwch ef â'n system grid, cynnwys, neu gydrannau i'w dangos neu eu cuddio ar draws meysydd gwylio penodol.
Opsiynau Flexbox
Mae Bootstrap 4 wedi'i adeiladu gyda flexbox, ond nid yw pob elfen display
wedi'i newid iddo display: flex
gan y byddai hyn yn ychwanegu llawer o ddiystyru diangen ac yn newid ymddygiadau porwr allweddol yn annisgwyl. Mae'r rhan fwyaf o'n cydrannau wedi'u hadeiladu gyda flexbox wedi'i alluogi.
Os bydd angen i chi ychwanegu display: flex
at elfen, gwnewch hynny gydag .d-flex
neu un o'r amrywiadau ymatebol (ee, .d-sm-flex
). Bydd angen y dosbarth neu'r display
gwerth hwn arnoch i ganiatáu defnyddio ein cyfleustodau flexbox ychwanegol ar gyfer maint, aliniad, bylchau, a mwy.
Ymyl a phadin
Defnyddiwch y cyfleustodaumargin
a bylchau i reoli sut mae elfennau a chydrannau wedi'u bylchu a'u maint. Mae Bootstrap 4 yn cynnwys graddfa pum lefel ar gyfer bylchau rhwng cyfleustodau, yn seiliedig ar newidyn rhagosodedig gwerth . Dewiswch werthoedd ar gyfer pob porth gwylio (ee, ar gyfer ), neu dewiswch amrywiadau ymatebol i dargedu gwylfannau penodol (ee, ar gyfer dechrau yn y torbwynt).padding
1rem
$spacer
.mr-3
margin-right: 1rem
.mr-md-3
margin-right: 1rem
md
Toglovisibility
Pan display
nad oes angen toglo, gallwch newid visibility
elfen gyda'n cyfleustodau gwelededd . Bydd elfennau anweledig yn dal i effeithio ar gynllun y dudalen, ond maent wedi'u cuddio'n weledol rhag ymwelwyr.