Bonisa isimo sokulayisha sengxenye noma ikhasi elinamaspinner e-Bootstrap, elakhiwe ngokuphelele nge-HTML, CSS, futhi ayikho i-JavaScript.
Mayelana
I-Bootstrap “spinners” ingasetshenziswa ukukhombisa isimo sokulayisha kumaphrojekthi akho. Akhiwe kuphela nge-HTML ne-CSS, okusho ukuthi awudingi i-JavaScript ukuze uwadale. Nokho, uzodinga i-JavaScript yangokwezifiso ukuze uguqule ukubonakala kwayo. Ukubukeka kwabo, ukuqondanisa, kanye nosayizi kungenziwa ngendlela oyifisayo kalula ngamakilasi ethu amangalisayo awusizo.
Ngezinjongo zokufinyelela, isilayishi ngasinye lapha sihlanganisa role="status"
kanye nesidleke <span class="sr-only">Loading...</span>
.
Isipina somngcele
Sebenzisa ama-spinner omngcele ukuze uthole inkomba yokulayisha engasindi.
Imibala
Isipina somngcele sisebenzisela currentColor
sona border-color
, okusho ukuthi ungakwazi ukwenza ngokwezifiso umbala ngezinsiza zombala wombhalo . Ungasebenzisa noma yiziphi izinsiza zethu zombala wombhalo kusipina esijwayelekile.
Iyalayisha...
Iyalayisha...
Iyalayisha...
Iyalayisha...
Iyalayisha...
Iyalayisha...
Iyalayisha...
Iyalayisha...
Kungani ungasebenzisi border-color
izinsiza? Isipina somngcele ngasinye sicacisa transparent
umngcele okungenani ohlangothini olulodwa, ngakho .border-{color}
izinsiza zingakweqa lokho.
I-spinner ekhulayo
Uma ungasithandisisi isipina somngcele, shintshela kusipina sokukhula. Nakuba ingaphenduki ngokobuchwepheshe, ikhula ngokuphindaphindiwe!
Nakulokhu futhi, lesi sipina sakhiwe nge- currentColor
, ngakho-ke ungakwazi ukushintsha kalula ukubukeka kwaso ngezinsiza zombala wombhalo . Nansi iluhlaza okwesibhakabhaka, kanye nezinhlobonhlobo ezisekelwayo.
Iyalayisha...
Iyalayisha...
Iyalayisha...
Iyalayisha...
Iyalayisha...
Iyalayisha...
Iyalayisha...
Iyalayisha...
Ukuqondanisa
Izipina ku-Bootstrap zakhiwe ngo- rem
s, currentColor
, kanye display: inline-flex
. Lokhu kusho ukuthi zingashintshwa kalula, zifakwe umbala kabusha, futhi ziqondaniswe ngokushesha.
Imajini
Sebenzisa izinsiza ze-margin njengokwenza .m-5
isikhala kalula.
Ukubekwa
Sebenzisa izinsiza ze-flexbox , izinsiza ze- float , noma izinsiza zokuqondanisa umbhalo ukuze ubeke izipina lapho uzidinga khona kunoma yisiphi isimo.
I-Flex
Iyantanta
Qondanisa umbhalo
Usayizi
Engeza .spinner-border-sm
futhi .spinner-grow-sm
wenze isipina esincane esingasetshenziswa ngokushesha kwezinye izingxenye.
Iyalayisha...
Iyalayisha...
Noma, sebenzisa i-CSS yangokwezifiso noma izitayela ezisemgqeni ukuze uguqule ubukhulu njengoba kudingeka.
Iyalayisha...
Iyalayisha...
Sebenzisa ama-spinner ngaphakathi kwezinkinobho ukuze ubonise ukuthi isenzo okwamanje siyacutshungulwa noma senzekayo. Ungakwazi futhi ukushintsha umbhalo uphume entweni yesipina futhi usebenzise umbhalo wenkinobho njengoba kudingeka.