اسپینر

وضعیت بارگذاری یک کامپوننت یا صفحه را نشان می دهد که کاملاً با HTML، CSS و بدون جاوا اسکریپت ساخته شده است.

اسپینر خط مرز

از اسپینرهای خط مرز برای نشانگر بارگیری سبک استفاده کنید.

بارگذاری ...

رنگ ها

اسپینر خط مرز از currentColor برای border-color استفاده میکند، به این معنی که می توانید رنگ را با ابزارهای رنگ متن سفارشی کنید. شما می توانید از هر یک از ابزارهای رنگ متن ما در اسپینر استاندارد استفاده کنید.

بارگذاری ...
بارگذاری ...
بارگذاری ...
بارگذاری ...
بارگذاری ...
بارگذاری ...
بارگذاری ...
بارگذاری ...

اسپینر در حال رشد

اگر به اسپینر مرزی علاقه ندارید، به اسپینر رشد بروید. در حالی که از نظر فنی نمی چرخد، بارها و بارها رشد می کند!

بارگذاری ...

بار دیگر، این اسپینر با currentColor ساخته شده است، بنابراین می توانید به راحتی ظاهر آن را با ابزارهای رنگ متن تغییر دهید. در اینجا به رنگ آبی همراه با انواع پشتیبانی شده است.

بارگذاری ...
بارگذاری ...
بارگذاری ...
بارگذاری ...
بارگذاری ...
بارگذاری ...
بارگذاری ...
بارگذاری ...

هم ترازی

اسپینرها در بوت استرپ با rem ها، currentColor، و display: inline-flex ساخته شده اند. این بدان معناست که آنها را می توان به راحتی تغییر اندازه داد، رنگ آن را تغییر داد و به سرعت تراز کرد.

حاشیه

استفاده از ابزارهای حاشیه ماننده .m-5 برای فاصله گذاری آسان

بارگذاری ...

تعیین سطح

از ابزارهای فلکس باکس، ابزارهای شناور یا ابزارهای تراز متن استفاده کنید تا در هر شرایطی اسپینرها را دقیقاً در جایی که نیاز دارید قرار دهید.

فلکس
بارگذاری ...
بارگذاری ...
شناورها
بارگذاری ...
تراز کردن متن
بارگذاری ...

سایز

افزودن کلاس .spinner-border-sm و .spinner-grow-sm برای ساخت یک اسپینر کوچکتر که می تواند به سرعت در اجزای دیگر استفاده شود.

بارگذاری ...
بارگذاری ...

یا از CSS سفارشی یا سبک های درون خطی برای تغییر ابعاد در صورت نیاز استفاده کنید.

بارگذاری ...
بارگذاری ...

دکمه

از اسپینرهای درون دکمه ها برای نشان دادن یک عمل در حال پردازش یا انجام استفاده کنید. همچنین می‌توانید متن را از عنصر چرخان تغییر دهید و در صورت نیاز از متن دکمه استفاده کنید.

کنترل های فرم