تخطي إلى المحتوى الرئيسي انتقل إلى ملاحة المستندات
in English

خيارات

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

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

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

عامل قيم وصف
$spacer 1rem(افتراضي) ، أو أي قيمة> 0 يحدد قيمة الفاصل الافتراضية لإنشاء أدوات المباعد المساعدة برمجيًا .
$enable-rounded true(افتراضي) أوfalse لتمكين border-radiusأنماط محددة مسبقًا على مكونات مختلفة.
$enable-shadows trueأو false(افتراضي) تتيح أنماط زخرفية محددة مسبقًا box-shadowعلى مكونات مختلفة. لا يؤثر على box-shadowالصور المستخدمة في حالات التركيز.
$enable-gradients trueأو false(افتراضي) لتمكين التدرجات المحددة مسبقًا عبر background-imageالأنماط على المكونات المختلفة.
$enable-transitions true(افتراضي) أوfalse تمكن transitions المعرفة مسبقًا على مكونات مختلفة.
$enable-reduced-motion true(افتراضي) أوfalse يُمكّن استعلام prefers-reduced-motionالوسائط ، الذي يمنع حركات / انتقالات معينة بناءً على تفضيلات متصفح / نظام التشغيل للمستخدمين.
$enable-grid-classes true(افتراضي) أوfalse يتيح إنشاء فئات CSS لنظام الشبكة (على سبيل المثال .row، .col-md-1وما إلى ذلك).
$enable-caret true(افتراضي) أوfalse تفعيل علامة الإقحام الزائفة .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بالتعيين لإخفاء التحذيرات عند استخدام أي من الخلطات والوظائف المهملة التي تم التخطيط للإزالة فيها v6.
$enable-important-utilities true(افتراضي) أوfalse لتمكين !importantاللاحقة في فئات المرافق.
$enable-smooth-scroll true(افتراضي) أوfalse يتم تطبيقه scroll-behavior: smoothعالميًا ، باستثناء المستخدمين الذين يطلبون تقليل الحركة من خلال prefers-reduced-motionالاستعلام عن الوسائط