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.
Yi amfani da kayan aikin mu na nuni don mayar da martani ga jujjuya dabi'u gama-gari na display
kadarorin. 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.
Bootstrap 4 an gina shi tare da flexbox, amma ba kowane nau'in sinadari ba ne display
aka canza shi zuwa display: flex
saboda 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: flex
zuwa kashi, yi haka tare da .d-flex
ko ɗ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.
Yi amfani da abubuwan amfani margin
da 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-3
don margin-right: 1rem
), ko zaɓi bambance-bambancen amsawa don ƙaddamar da takamaiman wuraren kallo (misali, .mr-md-3
don margin-right: 1rem
farawa a wurin md
hutu).
Lokacin display
da ba a buƙatar jujjuyawar, zaku iya jujjuya visibility
wani 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.