شرح صفوف ومحتوى الفقرة
في الماضي كان تغيير لون زر أو تعديل نصف قطر زوايا بطاقة في بوتستراب يضعك أمام خيارين كلاهما مرهق: إما تثبيت بيئة بناء Sass وإعادة ترجمة الحزمة كلها، وإما كتابة محددات CSS معقدة مثقلة بكلمة !important. حلّ بوتستراب 5.2 و5.3 هذه المعضلة بتحويل معظم قيم الإطار ومكوناته إلى متغيرات CSS قياسية CSS Custom Properties تفهمها المتصفحات مباشرة في وقت التشغيل.
بفضل هذه الهندسة الحديثة يمكنك تحميل ملف bootstrap.min.css الجاهز كما هو، ثم إضافة بضعة أسطر نظيفة تغير متغيرات --bs-* على الصفحة أو على قسم بعينه أو حتى ديناميكياً بجافاسكريبت دون أي خطوة ترجمة مسبقة!
الشكل 1: الطبقات الأربع لمتغيرات CSS الحية من جذر المستند حتى نطاق المكوّن المفرد.