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.
Defnyddiwch ein cyfleustodau arddangos ar gyfer toglo gwerthoedd cyffredin yr display
eiddo yn ymatebol. Cymysgwch ef â'n system grid, cynnwys, neu gydrannau i'w dangos neu eu cuddio ar draws mannau gwylio penodol.
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.
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
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.