முக்கிய உள்ளடக்கத்திற்கு செல்க டாக்ஸ் வழிசெலுத்தலுக்குச் செல்லவும்
Check
in English

விருப்பங்கள்

நடை மற்றும் நடத்தையைக் கட்டுப்படுத்துவதற்கான உலகளாவிய CSS விருப்பத்தேர்வுகளை எளிதாக மாற்ற, உள்ளமைக்கப்பட்ட மாறிகளுடன் பூட்ஸ்டார்ப்பை விரைவாகத் தனிப்பயனாக்கவும்.

எங்கள் உள்ளமைக்கப்பட்ட தனிப்பயன் மாறிகள் கோப்புடன் பூட்ஸ்டார்ப்பைத் தனிப்பயனாக்குங்கள் மற்றும் புதிய $enable-*சாஸ் மாறிகள் மூலம் உலகளாவிய CSS விருப்பத்தேர்வுகளை எளிதாக மாற்றலாம். ஒரு மாறியின் மதிப்பை மேலெழுதவும் மற்றும் npm run testதேவைக்கேற்ப மீண்டும் தொகுக்கவும்.

scss/_variables.scssபூட்ஸ்டார்ப்பின் கோப்பில் முக்கிய உலகளாவிய விருப்பங்களுக்கு இந்த மாறிகளை நீங்கள் கண்டுபிடித்து தனிப்பயனாக்கலாம் .

மாறி மதிப்புகள் விளக்கம்
$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 கட்டம் அமைப்பிற்கான CSS வகுப்புகளின் உருவாக்கத்தை இயக்குகிறது (எ.கா. .row, .col-md-1, போன்றவை).
$enable-container-classes true(இயல்புநிலை) அல்லதுfalse தளவமைப்பு கொள்கலன்களுக்கான CSS வகுப்புகளின் உருவாக்கத்தை செயல்படுத்துகிறது. (v5.2.0 இல் புதியது)
$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