Z-இண்டெக்ஸ்
பூட்ஸ்டார்ப்பின் கட்டம் அமைப்பின் ஒரு பகுதியாக இல்லாவிட்டாலும், z-குறியீடுகள் நமது கூறுகள் எவ்வாறு மேலெழுதப்பட்டு ஒன்றுடன் ஒன்று தொடர்பு கொள்கின்றன என்பதில் முக்கிய பங்கு வகிக்கிறது.
பல பூட்ஸ்டார்ப் கூறுகள் பயன்படுத்துகின்றன z-index
, உள்ளடக்கத்தை ஒழுங்கமைக்க மூன்றாவது அச்சை வழங்குவதன் மூலம் தளவமைப்பைக் கட்டுப்படுத்த உதவும் CSS பண்பு. பூட்ஸ்டார்ப்பில் இயல்புநிலை z-இண்டெக்ஸ் அளவைப் பயன்படுத்துகிறோம், இது சரியாக லேயர் நேவிகேஷன், டூல்டிப்ஸ் மற்றும் பாபோவர்ஸ், மோடல்கள் மற்றும் பலவற்றிற்காக வடிவமைக்கப்பட்டுள்ளது.
இந்த உயர் மதிப்புகள் ஒரு தன்னிச்சையான எண்ணில் தொடங்குகின்றன, அதிக மற்றும் குறிப்பிட்ட முரண்பாடுகளைத் தவிர்க்க போதுமானவை. எங்களின் அடுக்கு கூறுகள்-உதவிக்குறிப்புகள், பாப்ஓவர்கள், நேவ்பார்கள், டிராப் டவுன்கள், மாதிரிகள்-இவற்றின் நிலையான தொகுப்பு நமக்குத் தேவை. 100
நாங்கள் + அல்லது + ஐப் பயன்படுத்தாமல் இருக்க எந்த காரணமும் இல்லை 500
.
இந்த தனிப்பட்ட மதிப்புகளைத் தனிப்பயனாக்குவதை நாங்கள் ஊக்குவிப்பதில்லை; நீங்கள் ஒன்றை மாற்றினால், நீங்கள் அனைத்தையும் மாற்ற வேண்டும்.
$zindex-dropdown: 1000;
$zindex-sticky: 1020;
$zindex-fixed: 1030;
$zindex-modal-backdrop: 1040;
$zindex-offcanvas: 1050;
$zindex-modal: 1060;
$zindex-popover: 1070;
$zindex-tooltip: 1080;
கூறுகளுக்குள் ஒன்றுடன் ஒன்று எல்லைகளைக் கையாள (உதாரணமாக, உள்ளீட்டு குழுக்களில் உள்ள பொத்தான்கள் மற்றும் உள்ளீடுகள்), , , மற்றும் இயல்புநிலை, மிதவை மற்றும் செயலில் உள்ள நிலைகளுக்கு குறைந்த ஒற்றை இலக்க z-index
மதிப்புகளைப் பயன்படுத்துகிறோம். மிதவை/ஃபோகஸ்/செயலில், உடன்பிறந்த உறுப்புகளின் மீது அவற்றின் எல்லையைக் காட்ட , ஒரு குறிப்பிட்ட உறுப்பை அதிக மதிப்புடன் முன்னணியில் கொண்டு வருகிறோம்.1
2
3
z-index