Nuna yanayin ɗorawa na wani bangare ko shafi tare da na'urorin Bootstrap, waɗanda aka gina gaba ɗaya tare da HTML, CSS, kuma babu JavaScript.
Game da
Ana iya amfani da Bootstrap “spinners” don nuna yanayin lodi a cikin ayyukanku. An gina su da HTML da CSS kawai, ma'ana ba kwa buƙatar kowane JavaScript don ƙirƙirar su. Za ku, duk da haka, kuna buƙatar wasu JavaScript na al'ada don kunna ganuwansu. Siffar su, jeri, da girman su ana iya keɓance su cikin sauƙi tare da azuzuwan abubuwan amfaninmu masu ban mamaki.
Don dalilai masu isa, kowane mai ɗaukar kaya a nan ya haɗa role="status"da gida <span class="sr-only">Loading...</span>.
Kadin kan iyaka
Yi amfani da madaidaicin madaurin kan iyakoki don alamar lodi mai nauyi.
Ana lodawa...
Launuka
Ƙwararren kan iyaka yana amfani currentColorda shi border-color, ma'ana za ku iya keɓance launi tare da kayan aikin launi na rubutu . Kuna iya amfani da kowane kayan aikin launi na mu akan madaidaicin spinner.
Ana lodawa...
Ana lodawa...
Ana lodawa...
Ana lodawa...
Ana lodawa...
Ana lodawa...
Ana lodawa...
Ana lodawa...
Me yasa ba'a amfani da border-colorkayan aiki? Kowane mai jujjuya iyaka yana ƙayyadaddun transparentiyaka don aƙalla gefe ɗaya, don haka .border-{color}abubuwan amfani zasu ƙetare hakan.
Girma spinner
Idan baku son sikirin kan iyaka, canza zuwa mai girma spinner. Duk da yake ba a fasaha ba, yana girma akai-akai!
Ana lodawa...
Har yanzu, an gina wannan sikirin tare da currentColor, don haka zaka iya canza kamannin sa cikin sauƙi tare da kayan aikin launi na rubutu . Anan yana cikin shuɗi, tare da bambance-bambancen tallafi.
Ana lodawa...
Ana lodawa...
Ana lodawa...
Ana lodawa...
Ana lodawa...
Ana lodawa...
Ana lodawa...
Ana lodawa...
Daidaitawa
An gina masu kaɗa a cikin Bootstrap tare da rems, currentColor, da display: inline-flex. Wannan yana nufin ana iya canza su cikin sauƙi, canza launinsu, da daidaita su cikin sauri.
Margin
Yi amfani da abubuwan amfani da gefe kamar .m-5don sauƙin tazara.
Ƙara .spinner-border-smkuma .spinner-grow-smdon yin ƙarami mai jujjuya wanda za a iya amfani da shi da sauri a cikin wasu abubuwan da aka gyara.
Ana lodawa...
Ana lodawa...
Ko, yi amfani da CSS na al'ada ko salon layi don canza girma kamar yadda ake buƙata.
Ana lodawa...
Ana lodawa...
Buttons
Yi amfani da maɓalli a cikin maɓalli don nuna wani aiki a halin yanzu ana sarrafawa ko gudana. Hakanan kuna iya musanya rubutu daga ɓangaren maɓalli kuma kuyi amfani da rubutun maɓalli kamar yadda ake buƙata.