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 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.
Zaɓuɓɓukan Flexbox
An gina Bootstrap tare da flexbox, amma ba kowane abu 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.
Margin da padding
Yi amfani da abubuwan amfani margin
da padding
tazara don sarrafa yadda abubuwa da abubuwan haɗin gwiwa suke sarari da girma. Bootstrap ya haɗa da ma'auni na mataki shida don abubuwan amfani da tazara, dangane da madaidaicin 1rem
ƙima $spacer
. Zaɓi dabi'u don duk wuraren kallo (misali, .me-3
don margin-right: 1rem
a cikin LTR), ko zaɓi bambance-bambancen amsawa don ƙaddamar da takamaiman wuraren kallo (misali, .me-md-3
don margin-right: 1rem
-a cikin LTR—fara daga wurin md
hutu).
Juyawavisibility
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.