Source

Utilitajiet għat-tqassim

Għal żvilupp aktar mgħaġġel li jiffavorixxi l-mowbajl u li jirrispondu, Bootstrap jinkludi għexieren ta 'klassijiet ta' utilità għall-wiri, il-ħabi, l-allinjament u l-ispazjar tal-kontenut.

Jinbidludisplay

Uża l- utilitajiet tal-wiri tagħna biex taqleb b'mod reattiv il-valuri komuni tal- displayproprjetà. Ħallat mas-sistema tal-grilja, il-kontenut, jew il-komponenti tagħna biex turihom jew taħbihom fuq viewports speċifiċi.

Għażliet Flexbox

Bootstrap 4 huwa mibni bil-flexbox, iżda mhux kull element displayinbidel għal display: flexperess li dan iżid ħafna overrides bla bżonn u jbiddel bla mistenni l-imgieba ewlenin tal-browser. Ħafna mill -komponenti tagħna huma mibnija bil-flexbox attivat.

Jekk ikollok bżonn iżżid display: flexma' element, agħmel dan bi .d-flexjew waħda mill-varjanti li jirrispondu (eż., .d-sm-flex). Ikollok bżonn din il-klassi jew il- displayvalur biex tippermetti l-użu tal- utilitajiet tal-flexbox żejda tagħna għad-daqs, l-allinjament, l-ispazjar, u aktar.

Marġni u padding

Uża l- utilitajietmargin u spazjar biex tikkontrolla kif l-elementi u l-komponenti huma spazjati u daqs. Bootstrap 4 jinkludi skala ta 'ħames livelli għall-utilitajiet ta' spazjar, ibbażata fuq varjabbli default ta 'valur . Agħżel il-valuri għall-viewports kollha (eż., għal ), jew agħżel varjanti li jirrispondu biex jimmiraw viewports speċifiċi (eż., biex tibda mill- breakpoint).padding 1rem$spacer.mr-3margin-right: 1rem.mr-md-3margin-right: 1remmd

Togglevisibility

Meta t-toggling displayma jkunx meħtieġ, tista' taqleb il- visibilityta' element mal- utilitajiet tal-viżibilità tagħna . Elementi inviżibbli xorta se jaffettwaw it-tqassim tal-paġna, iżda huma moħbija viżwalment mill-viżitaturi.