Diseinurako utilitateak
Mugikorretarako eta erantzuteko garapen azkarragorako, Bootstrap-ek hamaika erabilgarritasun-klase biltzen ditu edukia erakusteko, ezkutatzeko, lerrokatzeko eta tartekatzeko.
Aldatzendisplay
Erabili gure bistaratzeko utilitateak jabetzaren balio komunak modu erantzunkidean aldatzeko display
. Nahastu gure sareta-sistema, eduki edo osagaiekin bista zehatzetan erakusteko edo ezkutatzeko.
Flexbox aukerak
Bootstrap flexbox-ekin eraiki da, baina elementu guztiak ez display
dira aldatu, display: flex
alferrikako baliogabetze asko gehituko lituzkeelako 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.
Marjina eta betegarria
Erabili margin
eta padding
tartea utilitateak elementuak eta osagaiak nola urruntzen eta tamainan dauden kontrolatzeko. Bootstrap-ek sei mailatako eskala bat barne hartzen du tarteko utilitateetarako, 1rem
balio lehenetsitako $spacer
aldagai batean oinarrituta. Aukeratu ikuspegi guztietarako balioak (adibidez, .me-3
LTR- margin-right: 1rem
n), edo aukeratu aldaera sentikorrak ikuspegi zehatzak bideratzeko (adibidez, .me-md-3
—LTRn— margin-right: 1rem
eten-puntuan hasita md
).
Txandakatuvisibility
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.