انتقل إلى محتوى الدرس

BootStrap Spinner Buttons الازرار الدوارة في bootstrap

ستتعلم في هذا الدرس اضافة spinners عناصر وازرار دوارة كالتي تظهر في ازرار تحميل الصفحات لينتظر الزائر حتي اختفاءه باستخدام bootstrap.

1 صفوف تعليمية
Bootstrap
2,225 مشاهدة

شرح صفوف ومحتوى الفقرة

الصف 1 شرح توضيحي
يمكن استعما كلاس spinner-grow & spinner-border مع buttons الازار او مع العناصر التي بداخل الزر لعمل spinner buttons باكثر من تصميم.

Spinner Buttons

استخدام كل كلاسات spinners مع الازرار.

HTML
<button class="btn btn-primary">
  <span class="spinner-border spinner-border-sm"></span>
</button>

<button class="btn btn-primary">
  <span class="spinner-border spinner-border-sm"></span>
    Loading..
</button>