សន្ទស្សន៍ Z

សមាសធាតុ Bootstrap ជាច្រើនប្រើប្រាស់ z-indexCSS property ដែលជួយគ្រប់គ្រងប្លង់ដោយផ្តល់អ័ក្សទីបីដើម្បីរៀបចំមាតិកា។ យើងប្រើប្រាស់មាត្រដ្ឋាន z-index លំនាំដើមនៅក្នុង Bootstrap ដែលត្រូវបានរចនាឡើងសម្រាប់ការរុករកស្រទាប់ឱ្យបានត្រឹមត្រូវ ការណែនាំអំពីឧបករណ៍ និងការលេចឡើង ម៉ូឌុល និងច្រើនទៀត។

តម្លៃខ្ពស់ទាំងនេះចាប់ផ្តើមពីលេខតាមអំពើចិត្ត ខ្ពស់ និងជាក់លាក់គ្រប់គ្រាន់ដើម្បីជៀសវាងជម្លោះតាមឧត្ដមគតិ។ យើង​ត្រូវ​ការ​សំណុំ​ស្ដង់ដារ​មួយ​នៅ​ទូទាំង​សមាសធាតុ​ស្រទាប់​របស់​យើង—ព័ត៌មាន​ជំនួយ, ផ្ទាំង​ព័ត៌មាន, របារ​រុករក, ទម្លាក់​ចុះ, ម៉ូឌុល—ដូច្នេះ​យើង​អាច​មាន​សមហេតុផល​ក្នុង​ឥរិយាបថ។ គ្មានហេតុផលដែលយើងមិនអាចប្រើ 100+ ឬ 500+ បានទេ។

យើងមិនលើកទឹកចិត្តឱ្យប្ដូរតាមបំណងនៃតម្លៃបុគ្គលទាំងនេះទេ។ ប្រសិនបើអ្នកផ្លាស់ប្តូរមួយ អ្នកទំនងជាត្រូវផ្លាស់ប្តូរពួកវាទាំងអស់។

$zindex-dropdown:                   1000;
$zindex-sticky:                     1020;
$zindex-fixed:                      1030;
$zindex-offcanvas-backdrop:         1040;
$zindex-offcanvas:                  1045;
$zindex-modal-backdrop:             1050;
$zindex-modal:                      1055;
$zindex-popover:                    1070;
$zindex-tooltip:                    1080;
$zindex-toast:                      1090;

ដើម្បីដោះស្រាយព្រំដែនត្រួតគ្នានៅក្នុងសមាសធាតុ (ឧ. ប៊ូតុង និងធាតុបញ្ចូលក្នុងក្រុមបញ្ចូល) យើងប្រើតម្លៃលេខមួយខ្ទង់ទាប z-indexនៃ 1, 2, និង 3សម្រាប់លំនាំដើម សង្កត់លើ និងស្ថានភាពសកម្ម។ នៅលើ hover/focus/active, យើងនាំយកធាតុជាក់លាក់មួយទៅជួរមុខជាមួយនឹង z-indexតម្លៃខ្ពស់ជាងដើម្បីបង្ហាញព្រំដែនរបស់ពួកគេនៅលើធាតុបងប្អូនបង្កើត។