Utilities don layout

Don saurin abokantaka na wayar hannu da haɓaka mai saurin amsawa, Bootstrap ya haɗa da darussan amfani da yawa don nunawa, ɓoyewa, daidaitawa, da tazara abun ciki.

Canjidisplay

Yi amfani da kayan aikin mu na nuni don mayar da martani ga jujjuya dabi'u gama-gari na displaykadarorin. Haɗa shi tare da tsarin grid ɗin mu, abun ciki, ko abubuwan haɗin gwiwa don nunawa ko ɓoye su a cikin takamaiman wuraren kallo.

Zaɓuɓɓukan Flexbox

Bootstrap 4 an gina shi tare da flexbox, amma ba kowane nau'in sinadari ba ne displayaka canza shi zuwa display: flexsaboda wannan zai ƙara ƙetare da yawa marasa amfani kuma ba zato ba tsammani ya canza halayen mashigai. Yawancin kayan aikin mu an gina su tare da kunna flexbox.

Idan kana buƙatar ƙara display: flexzuwa kashi, yi haka tare da .d-flexko ɗaya daga cikin bambance-bambancen amsawa (misali, .d-sm-flex). Kuna buƙatar wannan aji ko displayƙima don ba da damar amfani da ƙarin kayan aikin mu na flexbox don ƙima, daidaitawa, tazara, da ƙari.

Margin da padding

Yi amfani da abubuwan amfani marginda padding tazara don sarrafa yadda abubuwa da abubuwan haɗin gwiwa suke sarari da girma. Bootstrap 4 ya haɗa da ma'auni na mataki biyar don tazarar abubuwan amfani, dangane da madaidaicin 1remƙima $spacer. Zaɓi dabi'u don duk wuraren kallo (misali, .mr-3don margin-right: 1rem), ko zaɓi bambance-bambancen amsawa don ƙaddamar da takamaiman wuraren kallo (misali, .mr-md-3don margin-right: 1remfarawa a wurin mdhutu).

Juyawavisibility

Lokacin displayda ba a buƙatar jujjuyawar, zaku iya jujjuya visibilitywani kashi tare da kayan aikin ganuwanmu . Abubuwan da ba a iya gani ba har yanzu za su yi tasiri ga shimfidar shafin, amma an ɓoye su a gani daga baƙi.