انتقل إلى محتوى الدرس
ابدأ رحلتك
فقرة فرعية #2 من درس: مؤشرات التحميل في بوتستراب 5

Colored Loading Spinners تلوين مؤشرات التحميل

تعلّم بناء مؤشرات التحميل الحلقي والنابض في بوتستراب 5.3 بـ CSS الخالص، وتلوينها بكلاسات النصوص، ومحاذاة أحجامها، ودمجها داخل أزرار الإرسال المعطلة مؤقتاً.
2 صفوف تعليمية
بوتستراب 5
0 مشاهدة

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

الصف 1 شرح توضيحي

يمكنك مواءمة لون مؤشر الدوران مع سياق اللوحة المحيطة باستخدام أي من كلاسات ألوان النصوص القياسية، مثل .text-primary للتحميل الرئيسي، و.text-success لمزامنة الخلفية، و.text-warning، و.text-light فوق الأسطح الداكنة.

الصف 2 كود برمجي
HTML 
<div class="d-flex gap-3">
  <div class="spinner-border text-primary" role="status">
    <span class="visually-hidden">Loading...</span>
  </div>
  <div class="spinner-border text-success" role="status">
    <span class="visually-hidden">Syncing...</span>
  </div>
</div>
جرّب بنفسك

جميع فقرات هذا الدرس (مؤشرات التحميل في بوتستراب 5)