خيارات (Options)
قم بتخصيص الـ Bootstrap بسرعة باستخدام المتغيرات المدمجة لتبديل تفضيلات الـ CSS العالمية بسهولة للتحكم في النمط والسلوك.
قم بتخصيص الـ Bootstrap باستخدام ملف المتغيرات المخصصة المدمج لدينا، وقم بتبديل تفضيلات الـ CSS العالمية بسهولة باستخدام متغيرات $enable-* الجديدة في الـ Sass. قم بتجاوز قيمة المتغير وأعد التجميع باستخدام npm run test حسب الحاجة.
يمكنك العثور على هذه المتغيرات وتخصيصها للخيارات العالمية الرئيسية في ملف scss/_variables.scss الخاص بالـ Bootstrap.
| Variable | Values | Description |
|---|---|---|
$spacer | 1rem (افتراضي)، أو أي قيمة > 0 | تحدد قيمة الفاصل الافتراضية لإنشاء أدوات الفراغات برمجياً. |
$enable-dark-mode | true (افتراضي) أو false | تفعيل دعم الوضع الداكن المدمج عبر المشروع ومكوناته. |
$enable-rounded | true (افتراضي) أو false | تفعيل أنماط border-radius المحددة مسبقاً على مختلف المكونات. |
$enable-shadows | true أو false (افتراضي) | تفعيل أنماط box-shadow الزخرفية المحددة مسبقاً على مختلف المكونات. لا تؤثر على box-shadow المستخدمة لحالات التركيز. |
$enable-gradients | true أو false (افتراضي) | تفعيل التدرجات المحددة مسبقاً عبر أنماط background-image على مختلف المكونات. |
$enable-transitions | true (افتراضي) أو false | تفعيل الـ transition المحددة مسبقاً على مختلف المكونات. |
$enable-reduced-motion | true (افتراضي) أو false | تفعيل استعلام الوسائط prefers-reduced-motion ([[docsref:/getting-started/accessibility#reduced-motion]])، والذي يوقف بعض الرسوم المتحركة/الانتقالات بناءً على تفضيلات متصفح/نظام تشغيل المستخدم. |
$enable-grid-classes | true (افتراضي) أو false | تفعيل إنشاء الفئات (classes) الخاصة بالـ CSS لنظام الشبكة (مثل .row، .col-md-1، إلخ). |
$enable-cssgrid | true أو false (افتراضي) | تفعيل نظام CSS Grid التجريبي (مثل .grid، .g-col-md-1، إلخ). |
$enable-container-classes | true (افتراضي) أو false | تفعيل إنشاء الفئات (classes) الخاصة بالـ CSS لحاويات التخطيط. (جديد في v5.2.0) |
$enable-caret | true (افتراضي) أو false | تفعيل عنصر الـ caret الوهمي على .dropdown-toggle. |
$enable-button-pointers | true (افتراضي) أو false | إضافة مؤشر "اليد" إلى عناصر الأزرار غير المعطلة. |
$enable-rfs | true (افتراضي) أو false | تفعيل RFS عالمياً. |
$enable-validation-icons | true (افتراضي) أو false | تفعيل أيقونات background-image داخل المدخلات النصية وبعض النماذج المخصصة لحالات التحقق. |
$enable-negative-margins | true أو false (افتراضي) | تفعيل إنشاء أدوات الهوامش السالبة. |
$enable-deprecation-messages | true (افتراضي) أو false | يتم ضبطها على false لإخفاء التحذيرات عند استخدام أي من المزجات (mixins) والدوال (functions) المستبعدة التي من المخطط إزالتها في v6. |
$enable-important-utilities | true (افتراضي) أو false | تفعيل لاحقة !important في فئات الأدوات. |
$enable-smooth-scroll | true (افتراضي) أو false | تطبيق scroll-behavior: smooth عالمياً، باستثناء المستخدمين الذين يطلبون تقليل الحركة من خلال استعلام الوسائط prefers-reduced-motion ([[docsref:/getting-started/accessibility#reduced-motion]]) |