Skip to main content Skip to docs navigation

قم بتخصيص الـ Bootstrap بسرعة باستخدام المتغيرات المدمجة لتبديل تفضيلات الـ CSS العالمية بسهولة للتحكم في النمط والسلوك.

قم بتخصيص الـ Bootstrap باستخدام ملف المتغيرات المخصصة المدمج لدينا، وقم بتبديل تفضيلات الـ CSS العالمية بسهولة باستخدام متغيرات $enable-* الجديدة في الـ Sass. قم بتجاوز قيمة المتغير وأعد التجميع باستخدام npm run test حسب الحاجة.

يمكنك العثور على هذه المتغيرات وتخصيصها للخيارات العالمية الرئيسية في ملف scss/_variables.scss الخاص بالـ Bootstrap.

VariableValuesDescription
$spacer1rem (افتراضي)، أو أي قيمة > 0تحدد قيمة الفاصل الافتراضية لإنشاء أدوات الفراغات برمجياً.
$enable-dark-modetrue (افتراضي) أو falseتفعيل دعم الوضع الداكن المدمج عبر المشروع ومكوناته.
$enable-roundedtrue (افتراضي) أو falseتفعيل أنماط border-radius المحددة مسبقاً على مختلف المكونات.
$enable-shadowstrue أو false (افتراضي)تفعيل أنماط box-shadow الزخرفية المحددة مسبقاً على مختلف المكونات. لا تؤثر على box-shadow المستخدمة لحالات التركيز.
$enable-gradientstrue أو false (افتراضي)تفعيل التدرجات المحددة مسبقاً عبر أنماط background-image على مختلف المكونات.
$enable-transitionstrue (افتراضي) أو falseتفعيل الـ transition المحددة مسبقاً على مختلف المكونات.
$enable-reduced-motiontrue (افتراضي) أو falseتفعيل استعلام الوسائط prefers-reduced-motion ([[docsref:/getting-started/accessibility#reduced-motion]])، والذي يوقف بعض الرسوم المتحركة/الانتقالات بناءً على تفضيلات متصفح/نظام تشغيل المستخدم.
$enable-grid-classestrue (افتراضي) أو falseتفعيل إنشاء الفئات (classes) الخاصة بالـ CSS لنظام الشبكة (مثل .row، .col-md-1، إلخ).
$enable-cssgridtrue أو false (افتراضي)تفعيل نظام CSS Grid التجريبي (مثل .grid، .g-col-md-1، إلخ).
$enable-container-classestrue (افتراضي) أو falseتفعيل إنشاء الفئات (classes) الخاصة بالـ CSS لحاويات التخطيط. (جديد في v5.2.0)
$enable-carettrue (افتراضي) أو falseتفعيل عنصر الـ caret الوهمي على .dropdown-toggle.
$enable-button-pointerstrue (افتراضي) أو falseإضافة مؤشر "اليد" إلى عناصر الأزرار غير المعطلة.
$enable-rfstrue (افتراضي) أو falseتفعيل RFS عالمياً.
$enable-validation-iconstrue (افتراضي) أو falseتفعيل أيقونات background-image داخل المدخلات النصية وبعض النماذج المخصصة لحالات التحقق.
$enable-negative-marginstrue أو false (افتراضي)تفعيل إنشاء أدوات الهوامش السالبة.
$enable-deprecation-messagestrue (افتراضي) أو falseيتم ضبطها على false لإخفاء التحذيرات عند استخدام أي من المزجات (mixins) والدوال (functions) المستبعدة التي من المخطط إزالتها في v6.
$enable-important-utilitiestrue (افتراضي) أو falseتفعيل لاحقة !important في فئات الأدوات.
$enable-smooth-scrolltrue (افتراضي) أو falseتطبيق scroll-behavior: smooth عالمياً، باستثناء المستخدمين الذين يطلبون تقليل الحركة من خلال استعلام الوسائط prefers-reduced-motion ([[docsref:/getting-started/accessibility#reduced-motion]])