אפשרויות

התאם אישית במהירות את Bootstrap עם משתנים מובנים כדי להחליף בקלות העדפות CSS גלובליות לשליטה בסגנון ובהתנהגות.

התאם אישית את Bootstrap עם קובץ המשתנים המותאמים אישית המובנה שלנו והחלף בקלות העדפות CSS גלובליות עם $enable-*משתני Sass חדשים. עוקף ערך של משתנה והידור מחדש npm run testלפי הצורך.

אתה יכול למצוא ולהתאים אישית משתנים אלה עבור אפשרויות עיקריות גלובליות scss/_variables.scssבקובץ של Bootstrap.

מִשְׁתַנֶה	ערכים	תיאור
`$spacer`	`1rem`(ברירת מחדל), או כל ערך > 0	מציין את ערך ה-spacer המוגדר כברירת מחדל ליצירת תוכניות ה- spacer שלנו .
`$enable-rounded`	`true`(ברירת מחדל) או`false`	מאפשר `border-radius`סגנונות מוגדרים מראש ברכיבים שונים.
`$enable-shadows`	`true`או `false`(ברירת מחדל)	מאפשר `box-shadow`סגנונות דקורטיביים מוגדרים מראש על רכיבים שונים. לא משפיע על `box-shadow`s המשמש למצבי מיקוד.
`$enable-gradients`	`true`או `false`(ברירת מחדל)	מאפשר מעברי צבע מוגדרים מראש באמצעות `background-image`סגנונות ברכיבים שונים.
`$enable-transitions`	`true`(ברירת מחדל) או`false`	מאפשר `transition`s מוגדרים מראש ברכיבים שונים.
`$enable-reduced-motion`	`true`(ברירת מחדל) או`false`	מפעיל את `prefers-reduced-motion`שאילתת המדיה , המדכאת אנימציות/מעברים מסוימים בהתבסס על העדפות הדפדפן/מערכת ההפעלה של המשתמשים.
`$enable-grid-classes`	`true`(ברירת מחדל) או`false`	מאפשר יצירת מחלקות CSS עבור מערכת הרשת (למשל `.row`, `.col-md-1`, וכו').
`$enable-container-classes`	`true`(ברירת מחדל) או`false`	מאפשר יצירת מחלקות CSS עבור מיכלי פריסה. (חדש בגרסה 5.2.0)
`$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`שאילתת מדיה