Rewşa barkirinê ya pêkhateyek an rûpelek bi spinnerên Bootstrap, ku bi tevahî bi HTML, CSS, û bê JavaScript hatî çêkirin, destnîşan bikin.
Ji dor
Bootstrap "spinners" dikarin werin bikar anîn da ku di projeyên we de rewşa barkirinê nîşan bidin. Ew tenê bi HTML û CSS-ê têne çêkirin, tê vê wateyê ku hûn hewce ne JavaScript-ê ne ku wan biafirînin. Lêbelê, hûn ê hewceyê hin JavaScript-a xwerû bikin ku dîtina wan biguhezînin. Xuyabûn, lihevkirin û mezinbûna wan bi dersên meyên karûbar ên ecêb bi hêsanî têne xweş kirin.
Ji bo mebestên gihîştinê, her barkerek li vir tê de role="status"û hêlînek <span class="sr-only">Loading...</span>heye.
Sînor spinner
Ji bo nîşanek barkirinê ya sivik, spinnerên sînor bikar bînin.
Barkirin...
Colors
Sînor spinner ji currentColorbo xwe bikar tîne border-color, tê vê wateyê ku hûn dikarin reng bi karûbarên rengê nivîsê xweş bikin. Hûn dikarin li ser spinner-a standard yek ji karûbarên rengê nivîsara me bikar bînin.
Barkirin...
Barkirin...
Barkirin...
Barkirin...
Barkirin...
Barkirin...
Barkirin...
Barkirin...
Çima border-colorkarûbar bikar neynin? Her spinner transparentsînorek ji bo kêmanî yek alî sînorek diyar dike, ji ber vê yekê .border-{color}karûbar dê vê yekê derbas bikin.
Spinner mezin dibe
Heke hûn ji spinnerek sînor hez nakin, veguherînin spinner-a mezin. Dema ku ew ji hêla teknîkî ve nezivirîne, ew çend caran mezin dibe!
Barkirin...
Carek din, ev spinner bi ve hatî çêkirin currentColor, ji ber vê yekê hûn dikarin bi hêsanî xuyangê wê bi karûbarên rengê nivîsê biguhezînin . Li vir ew şîn e, digel guhertoyên piştgirî.
Barkirin...
Barkirin...
Barkirin...
Barkirin...
Barkirin...
Barkirin...
Barkirin...
Barkirin...
Alignment
Spinners di Bootstrap de bi rems, currentColor, û têne çêkirin display: inline-flex. Ev tê vê wateyê ku ew dikarin bi hêsanî mezinahî, ji nû ve werin reng kirin, û bi lez werin rêz kirin.
Karûbarên flexbox , karûbarên float , an karûbarên hevrêzkirina nivîsê bikar bînin da ku spinneran tam li cîhê ku hûn di her rewşê de hewce ne bi cîh bikin.
Flex
Barkirin...
Barkirin...
Floats
Barkirin...
Text align
Barkirin...
Mezinayî
Zêde bikin .spinner-border-smû .spinner-grow-smbikin ku spinnerek piçûktir çêbikin ku zû dikare di nav pêkhateyên din de were bikar anîn.
Barkirin...
Barkirin...
An jî, CSS-ya xwerû an şêwazên hundurîn bikar bînin da ku li gorî hewcedariyê pîvanan biguhezînin.
Barkirin...
Barkirin...
Buttons
Di nav bişkokan de spinneran bikar bînin da ku destnîşan bikin ku çalakiyek niha tête kirin an pêk tê. Her weha hûn dikarin nivîsê ji hêmana spinner biguhezînin û li gorî hewcedariyê nivîsa bişkojkê bikar bînin.