Source

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 ar gyfer toglo gwerthoedd cyffredin yr displayeiddo yn ymatebol. Cymysgwch ef â'n system grid, cynnwys, neu gydrannau i'w dangos neu eu cuddio ar draws mannau 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.