דלג לתוכן הראשי דלג לניווט במסמכים
in English

אפשרויות

התאם אישית במהירות את 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-shadows המשמש למצבי מיקוד.
$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שאילתת מדיה