Nuduhake status loading komponen utawa kaca nganggo pemintal Bootstrap, dibangun kanthi HTML, CSS, lan ora ana JavaScript.
Babagan
Bootstrap "spinners" bisa digunakake kanggo nuduhake status loading ing proyek sampeyan. Iki mung dibangun nganggo HTML lan CSS, tegese sampeyan ora butuh JavaScript kanggo nggawe. Nanging, sampeyan butuh JavaScript khusus kanggo ngalih visibilitas. Penampilan, keselarasan, lan ukurane bisa gampang disesuaikan karo kelas sarana sing apik tenan.
Kanggo tujuan aksesibilitas, saben loader kene kalebu role="status"lan nested <span class="sr-only">Loading...</span>.
Pemintal wates
Gunakake spinner wewatesan kanggo indikator loading entheng.
Loading...
werna-werna
Spinner wewatesan digunakake currentColorkanggo sawijining border-color, tegese sampeyan bisa ngatur werna karo keperluan werna teks . Sampeyan bisa nggunakake sembarang keperluan werna teks ing spinner standar.
Loading...
Loading...
Loading...
Loading...
Loading...
Loading...
Loading...
Loading...
Apa ora nggunakake border-colorutilitas? Saben spinner wewatesan nemtokake transparentwates paling sethithik sak sisih, supaya .border-{color}utilitas bakal ngatasi.
Tuwuh spinner
Yen sampeyan ora seneng spinner wewatesan, ngalih menyang spinner tuwuh. Nalika ora sacara teknis muter, bola-bali tuwuh!
Loading...
Sawise maneh, spinner iki dibangun karo currentColor, supaya sampeyan bisa kanthi gampang ngganti tampilan karo keperluan werna teks . Ing kene ana warna biru, bebarengan karo varian sing didhukung.
Loading...
Loading...
Loading...
Loading...
Loading...
Loading...
Loading...
Loading...
Alignment
Spinners ing Bootstrap dibangun karo rems, currentColor, lan display: inline-flex. Iki tegese padha bisa gampang diowahi ukurane, recolored, lan cepet selaras.
Margin
Gunakake utilitas margin kaya .m-5kanggo spasi sing gampang.
Loading...
Panggonan
Gunakake utilitas flexbox , utilitas float , utawa utilitas alignment teks kanggo nyelehake spinner ing ngendi sampeyan butuh ing kahanan apa wae.
Fleksibel
Loading...
Loading...
Ngambang
Loading...
Selarasake teks
Loading...
Ukuran
Tambah .spinner-border-smlan .spinner-grow-smnggawe spinner cilik sing bisa digunakake kanthi cepet ing komponen liyane.
Loading...
Loading...
Utawa, gunakake CSS khusus utawa gaya inline kanggo ngganti dimensi kaya sing dibutuhake.
Loading...
Loading...
Tombol
Gunakake spinners ing tombol kanggo nunjukaké tumindak lagi proses utawa njupuk Panggonan. Sampeyan uga bisa ngganti teks metu saka unsur spinner lan nggunakake tombol teks yen perlu.