Spinners در Bootstrap :
Spinners در Bootstrap یکی از قابلیت‌هایی است که به شما کمک می‌کند تا به راحتی با استفاده از CSS و JavaScript، یک انیمیشن ساده و زیبا برای نشان دادن بارگذاری در صفحه خود ایجاد کنید. این قابلیت برای سایت‌هایی که برای بارگذاری صفحات خود از فناوری‌های Ajax و jQuery استفاده می‌کنند بسیار مفید است.
به طور کلی، Spinners در Bootstrap شامل دو نوع اصلی هستند:
۱- Spinner Border: در این نوع، یک حلقه به صورت پیوسته دور مرکز چرخش می‌کند و انیمیشن بارگذاری را نشان می‌دهد.
۲- Spinner Grow: در این نوع، یک دایره به صورت پیوسته بزرگتر می‌شود تا انیمیشن بارگذاری را نشان دهد.
برای استفاده از Spinners در Bootstrap، ابتدا می‌بایست فایل CSS و JavaScript مربوطه را به صفحه خود اضافه کنید. سپس با استفاده از کلاس‌های مختلف، می‌توانید Spinners را به صفحه خود اضافه کنید. به عنوان مثال، با استفاده از کد زیر، می‌توانید یک Spinner Border ساده به صفحه خود اضافه کنید:
همچنین، با تغییر کلاس اول، می‌توانید به جای Spinner Border، یک Spinner Grow ایجاد کنید. برای این کار، کلاس “spinner-border” را با کلاس “spinner-grow” جایگزین کنید.
در نهایت، با تغییر رنگ و سایز Spinners، می‌توانید آن‌ها را به سبک خودتان طراحی کنید. برای این کار، می‌توانید از کلاس‌های “text-primary”، “text-secondary” و “text-danger” برای تغییر رنگ Spinners و از کلاس‌های “spinner-border-sm” و “spinner-grow-sm” برای تغییر سایز آن‌ها استفاده کنید.
در کل، Spinners در Bootstrap یکی از ابزارهای کارآمد و کاربردی است که به شما کمک می‌کند تا با استفاده از چند خط کد، یک انیمیشن زیبا و ساده برای نشان دادن بارگذاری در صفحه خود ایجاد کنید.
