Sho di lod stet fɔ wan kɔmpɔnɛnt ɔ pej wit Bootstrap spina dɛn, we dɛn bil ɔlsay wit HTML, CSS, ɛn nɔ JavaSkript.
Bɔt
Yu kin yuz bootstrap “spinners” fɔ sho di lod stet na yu prɔjek dɛn. Na HTML ɛn CSS nɔmɔ dɛn bil dɛn, we min se yu nɔ nid ɛni JavaSkript fɔ mek dɛn. Bɔt yu go nid sɔm kɔstɔm JavaSkript fɔ chenj di we aw dɛn de si dɛn. Dɛn apia, alaynɛshɔn, ɛn sayz kin izi fɔ kɔstɔmayt wit wi wɔndaful yutiliti klas dɛn.
Fɔ aksesibiliti pɔpɔshɔn dɛn, ɛni lod ya inklud role="status"ɛn wan nest <span class="sr-only">Loading...</span>.
Di pɔsin we de spin bɔda
Yuz di bɔda spina dɛn fɔ wan layt lod indikɛtɔ.
We dɛn de lod...
Kɔlɔ dɛn
Di bɔda spina de yuz currentColorfɔ in border-color, we min se yu kin kɔstɔmayz di kɔlɔ wit tɛks kɔlɔ yutiliti dɛn . Yu kin yuz ɛni wan pan wi tɛks kɔlɔ yutiliti dɛn na di standad spina.
We dɛn de lod...
We dɛn de lod...
We dɛn de lod...
We dɛn de lod...
We dɛn de lod...
We dɛn de lod...
We dɛn de lod...
We dɛn de lod...
Wetin mek yu nɔ go yuz border-coloryutiliti dɛn? Ɛni bɔda spina de sho wan transparentbɔda fɔ at le wan say, so .border-{color}yutiliti dɛn go ɔvalayz dat.
Spina we de gro
If yu nɔ fansi bɔda spina, swich to di grow spina. Pan ɔl we i nɔ de spin teknik wan, i de gro bɔku bɔku tɛm!
We dɛn de lod...
Wans bak, dɛn bil dis spina wit currentColor, so yu kin chenj di we aw i tan izi wan wit tɛks kɔlɔ yutiliti dɛn . Na ya i de insay blu, wit di sɔpɔt we dɛn de yuz.
We dɛn de lod...
We dɛn de lod...
We dɛn de lod...
We dɛn de lod...
We dɛn de lod...
We dɛn de lod...
We dɛn de lod...
We dɛn de lod...
Alignmɛnt fɔ di wan dɛn we de
Spina dɛn na Bootstrap dɛn bil wit rems, currentColor, ɛn display: inline-flex. Dis min se i izi fɔ chenj dɛn sayz, chenj dɛn kɔlɔ bak, ɛn alaynɛd kwik kwik wan.
Ad .spinner-border-smɛn .spinner-grow-smfɔ mek wan smɔl spina we yu kin yuz kwik kwik wan insay ɔda kɔmpɔnɛnt dɛn.
We dɛn de lod...
We dɛn de lod...
Ɔ, yuz kɔstɔm CSS ɔ inlayn stayl dɛn fɔ chenj di dimɛnshɔn dɛn as nid de.
We dɛn de lod...
We dɛn de lod...
Bɔtin dɛn
Yuz spina dɛn insay bɔtin dɛn fɔ sho se wan akshɔn de prosɛs ɔ de apin naw. Yu kin chenj di tɛks bak kɔmɔt na di spina ɛlimɛnt ɛn yuz bɔtin tɛks as nid de.