in English
አማራጮች
ቅጥ እና ባህሪን ለመቆጣጠር አለምአቀፍ የሲኤስኤስ ምርጫዎችን በቀላሉ ለመቀየር Bootstrapን አብሮ በተሰራ ተለዋዋጮች በፍጥነት አብጅ።
አብሮ በተሰራው የብጁ ተለዋዋጮች ፋይላችን Bootstrapን ያብጁ እና አለምአቀፍ የሲኤስኤስ ምርጫዎችን በአዲስ $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 |
transition በተለያዩ ክፍሎች ላይ አስቀድሞ የተገለጹትን ያነቃል ። |
$enable-reduced-motion |
true (ነባሪ) ወይምfalse |
በተጠቃሚዎች አሳሽ/የስርዓተ ክወና ምርጫዎች መሰረት የተወሰኑ እነማዎችን/ሽግግሮችን የሚገድበው prefers-reduced-motion የሚዲያ ጥያቄን ያነቃል ። |
$enable-grid-classes |
true (ነባሪ) ወይምfalse |
ለግሪድ ሲስተም (ለምሳሌ፣፣ ወዘተ.) የሲኤስኤስ ክፍሎችን ማመንጨት .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 |