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 displayeiddo. 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 displaywedi'i newid iddo display: flexgan 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: flexat elfen, gwnewch hynny gydag .d-flexneu un o'r amrywiadau ymatebol (ee, .d-sm-flex). Bydd angen y dosbarth neu'r displaygwerth 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-3margin-right: 1rem.mr-md-3margin-right: 1remmd

Toglovisibility

Pan displaynad oes angen toglo, gallwch newid visibilityelfen gyda'n cyfleustodau gwelededd . Bydd elfennau anweledig yn dal i effeithio ar gynllun y dudalen, ond maent wedi'u cuddio'n weledol rhag ymwelwyr.