A’ ye yɔrɔ dɔ walima ɲɛ dɔ doni cogoya jira ni Bootstrap spinners ye, minnu jɔlen don pewu ni HTML, CSS ani JavaScript tɛ minnu na.
Kan
Bootstrap “spinners” bɛ se ka kɛ ka doni cogoya jira i ka porozɛw kɔnɔ. U bɛ jɔ ni HTML ni CSS dɔrɔn de ye, o kɔrɔ ye ko i mago tɛ JavaScript si la walasa k’u Dabɔ. Nka, i mago bɛna kɛ JavaScript ladamu dɔw la walasa k’u yecogo caman sɛmɛntiya. U cogoya, u labɛncogo ani u bonya bɛ se ka ladilan nɔgɔya la ni an ka nafabɔ kalan kabakomaw ye.
Walasa ka se ka don, donikɛla kelen-kelen bɛɛ bɛ yan role="status"ani a nested <span class="sr-only">Loading...</span>.
Dankanw tigɛli
Aw bɛ dankan sɔgɔlanw kɛ ka doni jiralan nɔgɔman sɔrɔ.
Loading ka...
Kulɛriw
dankan sɛgɛsɛgɛlikɛla bɛ baara currentColorkɛ n' a border-colorye , o kɔrɔ ye ko i bɛ se ka kulɛri ladilan ni sɛbɛnni kulɛri nafamafɛnw ye . Aw bɛ se ka baara kɛ ni an ka sɛbɛnni kulɛri nafamafɛn dɔw ye standard spinner kan.
Loading ka...
Loading ka...
Loading ka...
Loading ka...
Loading ka...
Loading ka...
Loading ka...
Loading ka...
Mun na i tɛ baara kɛ ni border-colornafamafɛnw ye? Danyɔrɔ-spinbaga kelen-kelen bɛɛ bɛ dancɛ dɔ jira transparentfan kelen na a dɔgɔyalenba la, o la .border-{color}nafamafɛnw bɛna o tiɲɛ.
Spinner min bɛ ka bonya
Ni aw t’a fɛ ka dankan sɔgɔ, aw bɛ wuli ka taa grow spinner la. Hali n’a tɛ wuli tekniki siratigɛ la, a bɛ bonya siɲɛ caman!
Loading ka...
Nin sen in fana na, nin sɛrɛkili in jɔlen bɛ ni currentColor, o la i bɛ se k’a cogoya Changer nɔgɔya la ni sɛbɛnni kulɛri nafamafɛnw ye . Yan a bɛ bulu la, ka fara dɛmɛn suguyaw kan.
Loading ka...
Loading ka...
Loading ka...
Loading ka...
Loading ka...
Loading ka...
Loading ka...
Loading ka...
Alignment (labɛnni).
Spinner minnu bɛ Bootstrap kɔnɔ olu bɛ jɔ ni rems, currentColor, ani display: inline-flex. O kɔrɔ ye ko u bonya bɛ se ka Changer nɔgɔya la, ka u kulɛri caman wɛrɛ kɛ, ka u labɛn joona.
Aw bɛ a fara a kan .spinner-border-smani .spinner-grow-smka finimugu fitinin dɔ dilan min bɛ se ka baara kɛ joona yɔrɔ wɛrɛw kɔnɔ.
Loading ka...
Loading ka...
Walima, baara kɛ ni CSS walima inline cogoyaw ye minnu bɛ kɛ ka kɛɲɛ ni mɔgɔw sago ye walasa ka hakɛw Changer i n’a fɔ a mago bɛ cogo min na.
Loading ka...
Loading ka...
Butɔnw
Aw bɛ baara kɛ ni spinners ye butɔni kɔnɔ walasa k’a jira ko wale dɔ bɛ ka kɛ sisan walima min bɛ ka kɛ. Aw bɛ se fana ka sɛbɛnniw ɲɔgɔn falen-falen ka bɔ spinner element kɔnɔ ani ka baara kɛ ni butɔni sɛbɛnni ye i n’a fɔ a mago bɛ cogo min na.