Ҳолати боркунии ҷузъ ё саҳифаро бо spinners Bootstrap, ки комилан бо HTML, CSS ва бидуни JavaScript сохта шудаанд, нишон диҳед.
Дар бораи
"Spinners"-и bootstrap метавонад барои нишон додани ҳолати боркунӣ дар лоиҳаҳои шумо истифода шавад. Онҳо танҳо бо HTML ва CSS сохта шудаанд, яъне барои сохтани онҳо ба шумо ягон JavaScript лозим нест. Бо вуҷуди ин, ба шумо лозим меояд, ки JavaScript-и фармоишӣ барои иваз кардани намуди онҳо. Намуди зоҳирӣ, ҳамоҳангсозӣ ва андозагирии онҳоро бо синфҳои аҷиби мо ба осонӣ танзим кардан мумкин аст.
Бо мақсади дастрасӣ, ҳар як боркунак дар ин ҷо role="status"
ва як лонаро дар бар мегирад <span class="sr-only">Loading...</span>
.
Сандкунандаи сарҳадӣ
Барои нишондиҳандаи боркунии сабук аз чархҳои сарҳадӣ истифода баред.
Рангҳо
Спиннери сарҳадӣ currentColor
барои он истифода мебарад border-color
, яъне шумо метавонед рангро бо утилитаҳои ранги матн танзим кунед . Шумо метавонед ягон утилитаҳои ранги матнии моро дар spinner стандартӣ истифода баред.
Loading...
Loading...
Loading...
Loading...
Loading...
Loading...
Loading...
Loading...
Чаро border-color
коммуналиро истифода набаред? Ҳар як спиннери transparent
сарҳадӣ ҳадди ақалл барои як тараф сарҳадро муайян мекунад, бинобар ин .border-{color}
хидматрасониҳо онро бекор мекунанд.
Парвариши ресандагӣ
Агар шумо ба спиннери сарҳадӣ маъқул набошед, ба чархи афзоянда гузаред. Гарчанде ки он аз ҷиҳати техникӣ чарх намезанад, он такроран афзоиш меёбад!
Бори дигар, ин spinner currentColor
бо . Дар ин ҷо он дар кабуд аст, дар якҷоягӣ бо вариантҳои дастгирӣ.
Loading...
Loading...
Loading...
Loading...
Loading...
Loading...
Loading...
Loading...
Ҳамоҳангсозӣ
Спиннерҳо дар Bootstrap бо rem
s, currentColor
, ва display: inline-flex
. Ин маънои онро дорад, ки онҳоро ба осонӣ тағир додан, ранг кардан ва зуд мувофиқ кардан мумкин аст.
Маржа
Утилитҳои маржаро истифода баред, ба монанди .m-5
фосилаи осон.
Ҷойгиркунӣ
Утилитҳои flexbox , утилитаҳои шинокунанда ё утилитаҳои ҳамоҳангсозии матнро истифода баред , то спиннерҳоро дар ҳама гуна вазъият маҳз дар ҷое ҷойгир кунед.
Flex
шино мекунад
Ҳамоҳангсозии матн
Андоза
Илова кунед .spinner-border-sm
ва .spinner-grow-sm
барои сохтани чархи хурдтаре, ки онро зуд дар дохили ҷузъҳои дигар истифода бурдан мумкин аст.
Ё, CSS-и фармоишӣ ё сабкҳои дохилиро истифода баред, то андозаҳоро дар ҳолати зарурӣ тағир диҳед.
Спиннерҳоро дар дохили тугмаҳо истифода баред, то нишон диҳед, ки амал ҳоло коркард ё сурат мегирад. Шумо инчунин метавонед матнро аз унсури spinner иваз кунед ва дар ҳолати зарурӣ матни тугмаро истифода баред.