با نام ویاد خداوند
با عرض سلام و وقت بخیر خدمت کاربران سایت هیلتن ، با یکی دیگر از جلسات دوره کامل آموزش بوت استراپ4 در خدمت شما دوستان هستیم . در این آموزش قصد داریم شما را با نحوه کا با Sppiner آشنا کنیم.
اسپینر چیست؟
قبل از هر چیز برای آن دسته از دوستانی که نمیدانند اسپینر چیست این مورد را توضیحی میدهیم . در بوت استرپ به آیکن هایی که برای انتظار کاربر در زمان لود استفاده میشود اسپینر گفته میشود.

ساخت Sppiner
برای ساخت اسپینر در بوت استرپ کلاس های آماده ای وجود دارد که به راحتی امکان ساخت اسپینر را به شما میدهد . برای ساخت یک اسپینر ساده کافیست کلاس spinner-border را به تگ مد نظر خود بدهید تا اسپینری برای شما نمایش داده شود این اسپینر حالت پیشفرض است و به رنگ مشکی است .
اضافه کردن رنگ به اسپینر
ساده بخواهیم توضیح دهیم ظاهری که شما از اسپینر میبینید شکل یا تصویر نیست بلکه گلیف آیکن است. گلیف آیکن به آیکن هایی گفته میشود که از نوع فونت باشند. رفتار این اسپینر مشابه متن نوشتاری در وب است پس هر آنچه روی متن جواب میدهد روی این اسپینر هم جواب میدهد که برای رنگ کردن نوشته از کلاس text به اضافه نام کلاس رنگی استفاده میکنیم مثل text-success که رنگ نوشته مارا سبز میکرد برای اسپینر هم از همین کلاس استفاده میکنیم کافیست کلاس های رنگی را در کنار کلاس خود اسپینر بنویسید ما کلاس های رنگی را با رنگ آن برای شما لیست میکنیم:

text-muted : به کمک این کلاس میتوانید به اسپینر خود رنگ طوسی بدهید.
text-primary : این کلاس رنگ آبی میسازد.
text-success :به کمک این کلاس میتوانید رنگ سبز به اسپینر خود بدهید.
text-info : این کلاس رنگ آبی به اسپینر میدهد.
text-warning :رنگ این کلاس برای اسپینر نارنجی است.
text-danger : به کمک این کلاس میتوانید رنگ قرمز اضافه کنید.
text-secondary : رنگ خاکستری برای اسپینر با این کلاس ساخته میشود.
text-dark : این کلاس رنگ تیره نزدیک به سیاه میسازد.
text-light :این کلاس رنگ روشن نزدیک به سفید میسازد.
دانلود از وبسایتwww.heilton.com