Z-இன்டெக்ஸ்

பல பூட்ஸ்டார்ப் கூறுகள் பயன்படுத்துகின்றன z-index, உள்ளடக்கத்தை ஒழுங்கமைக்க மூன்றாவது அச்சை வழங்குவதன் மூலம் தளவமைப்பைக் கட்டுப்படுத்த உதவும் CSS பண்பு. பூட்ஸ்டார்ப்பில் இயல்புநிலை z-இண்டெக்ஸ் அளவைப் பயன்படுத்துகிறோம், இது சரியாக லேயர் நேவிகேஷன், டூல்டிப்ஸ் மற்றும் பாபோவர்ஸ், மோடல்கள் மற்றும் பலவற்றிற்காக வடிவமைக்கப்பட்டுள்ளது.

இந்த உயர் மதிப்புகள் ஒரு தன்னிச்சையான எண்ணில் தொடங்குகின்றன, அதிக மற்றும் குறிப்பிட்ட முரண்பாடுகளைத் தவிர்க்க போதுமானவை. எங்களின் அடுக்கு கூறுகள்-உதவிக்குறிப்புகள், பாப்ஓவர்கள், நேவ்பார்கள், டிராப் டவுன்கள், மாதிரிகள்-இவற்றின் நிலையான தொகுப்பு நமக்குத் தேவை. 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;

கூறுகளுக்குள் ஒன்றுடன் ஒன்று எல்லைகளைக் கையாள (உதாரணமாக, உள்ளீட்டு குழுக்களில் உள்ள பொத்தான்கள் மற்றும் உள்ளீடுகள்), , , மற்றும் இயல்புநிலை, மிதவை மற்றும் செயலில் உள்ள நிலைகளுக்கு குறைந்த ஒற்றை இலக்க z-indexமதிப்புகளைப் பயன்படுத்துகிறோம். மிதவை/ஃபோகஸ்/செயலில், உடன்பிறந்த உறுப்புகளின் மீது அவற்றின் எல்லையைக் காட்ட , ஒரு குறிப்பிட்ட உறுப்பை அதிக மதிப்புடன் முன்னணியில் கொண்டு வருகிறோம்.123z-index