រំលងទៅមាតិកាសំខាន់ រំលងទៅការរុករកឯកសារ
in English

ជម្រើស

ប្ដូរតាមបំណង Bootstrap យ៉ាងរហ័សជាមួយនឹងអថេរដែលភ្ជាប់មកជាមួយ ដើម្បីងាយស្រួលក្នុងការបិទបើកចំណូលចិត្ត CSS សកលសម្រាប់ការគ្រប់គ្រងរចនាប័ទ្ម និងឥរិយាបថ។

ប្ដូរ Bootstrap តាមបំណងជាមួយនឹងឯកសារអថេរផ្ទាល់ខ្លួនដែលភ្ជាប់មកជាមួយរបស់យើង ហើយងាយស្រួលបិទបើកចំណូលចិត្ត CSS សកលជាមួយនឹង $enable-*អថេរ Sass ថ្មី។ បដិសេធតម្លៃអថេរ និងចងក្រងឡើងវិញ npm run testតាមតម្រូវការ។

scss/_variables.scssអ្នកអាចស្វែងរក និងប្ដូរអថេរទាំងនេះតាមបំណងសម្រាប់ជម្រើសសកលសំខាន់ៗនៅក្នុង ឯកសារ របស់ Bootstrap ។

អថេរ តម្លៃ ការពិពណ៌នា
$spacer 1rem(លំនាំដើម) ឬតម្លៃណាមួយ > 0 បញ្ជាក់តម្លៃ spacer លំនាំដើមដើម្បីបង្កើតកម្មវិធី spacer utilities របស់យើង ។
$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 បើកដំណើរការ pseudo element caret នៅលើ .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លាក់ការព្រមាននៅពេលប្រើ mixins និងមុខងារដែលបានបដិសេធណាមួយដែលត្រូវបានគ្រោងនឹងដកចេញនៅក្នុង v6.
$enable-important-utilities true(លំនាំដើម) ឬfalse បើក !importantបច្ច័យនៅក្នុងថ្នាក់ឧបករណ៍ប្រើប្រាស់។
$enable-smooth-scroll true(លំនាំដើម) ឬfalse អនុវត្ត scroll-behavior: smoothជាសកល លើកលែងតែអ្នកប្រើប្រាស់ដែលស្នើសុំចលនាកាត់បន្ថយតាមរយៈ prefers-reduced-motionសំណួរប្រព័ន្ធផ្សព្វផ្សាយ