Diseinurako utilitateak
Mugikorretarako eta erantzuteko garapen azkarragoetarako, Bootstrap-ek hamaika erabilgarritasun-klase biltzen ditu edukia erakusteko, ezkutatzeko, lerrokatzeko eta tartekatzeko.
Erabili gure bistaratzeko utilitateak jabetzaren balio komunak modu erantzunkidean aldatzeko display
. Nahastu gure sareta-sistema, eduki edo osagaiekin bista zehatzetan erakusteko edo ezkutatzeko.
Bootstrap 4 flexbox-ekin eraiki da, baina elementu guztiak ez display
dira aldatu, display: flex
alferrikako baliogabetze asko gehituko bailituzke eta ustekabean arakatzailearen portaerak aldatuko lituzke. Gure osagai gehienak flexbox gaituta daude.
Elementu bati gehitu behar badiozu display: flex
, egin hau .d-flex
erantzuteko aldaera batekin (adibidez, .d-sm-flex
). Klase edo display
balio hau beharko duzu gure flexbox -en erabilgarritasun gehigarriak tamaina, lerrokatzea, tartea eta abar erabiltzeko.
Erabili margin
eta padding
tartea utilitateak elementuak eta osagaiak nola urruntzen eta tamainan dauden kontrolatzeko. Bootstrap 4-k bost mailatako eskala bat barne hartzen du tarteko utilitateetarako, 1rem
balio lehenetsitako $spacer
aldagai batean oinarrituta. Aukeratu ikuspegi guztien balioak (adibidez, .mr-3
) margin-right: 1rem
edo aukeratu aldaera sentikorrak ikuspegi zehatzak bideratzeko (adibidez, .mr-md-3
eten margin-right: 1rem
puntuan hasteko md
).
Toggling display
behar ez denean, visibility
elementu baten aukera alda dezakezu gure ikusgarritasun-utilitateekin . Elementu ikusezinek orriaren diseinuan eragina izango dute oraindik, baina bisitariei bisualki ezkutatuta daude.