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 4 flexbox-ekin eraikita dago, baina elementu guztiak ez displaydira aldatu, display: flexalferrikako 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-flexerantzuteko aldaera batekin (adibidez, .d-sm-flex). Klase edo displaybalio hau beharko duzu gure flexbox -en erabilgarritasun gehigarriak tamaina, lerrokatzea, tartea eta abar erabiltzeko.

Marjina eta betegarria

Erabili margineta padding tartea utilitateak elementuak eta osagaiak nola urruntzen eta tamainan dauden kontrolatzeko. Bootstrap 4-k bost mailatako eskala bat barne hartzen du tarteko utilitateetarako, 1rembalio lehenetsitako $spaceraldagai batean oinarrituta. Aukeratu ikuspegi guztien balioak (adibidez, .mr-3) margin-right: 1remedo aukeratu aldaera sentikorrak ikuspegi zehatzak bideratzeko (adibidez, .mr-md-3eten margin-right: 1rempuntuan hasteko md).

Txandakatuvisibility

Toggling displaybehar ez denean, visibilityelementu baten aukera alda dezakezu gure ikusgarritasun-utilitateekin . Elementu ikusezinek orriaren diseinuan eragina izango dute oraindik, baina bisitariei bisualki ezkutatuta daude.