in English
ಆಯ್ಕೆಗಳು
ಶೈಲಿ ಮತ್ತು ನಡವಳಿಕೆಯನ್ನು ನಿಯಂತ್ರಿಸಲು ಜಾಗತಿಕ CSS ಆದ್ಯತೆಗಳನ್ನು ಸುಲಭವಾಗಿ ಟಾಗಲ್ ಮಾಡಲು ಅಂತರ್ನಿರ್ಮಿತ ವೇರಿಯೇಬಲ್ಗಳೊಂದಿಗೆ ಬೂಟ್ಸ್ಟ್ರ್ಯಾಪ್ ಅನ್ನು ತ್ವರಿತವಾಗಿ ಕಸ್ಟಮೈಸ್ ಮಾಡಿ.
ನಮ್ಮ ಅಂತರ್ನಿರ್ಮಿತ ಕಸ್ಟಮ್ ವೇರಿಯೇಬಲ್ಗಳ ಫೈಲ್ನೊಂದಿಗೆ ಬೂಟ್ಸ್ಟ್ರ್ಯಾಪ್ ಅನ್ನು ಕಸ್ಟಮೈಸ್ ಮಾಡಿ ಮತ್ತು ಹೊಸ $enable-*
Sass ವೇರಿಯೇಬಲ್ಗಳೊಂದಿಗೆ ಜಾಗತಿಕ CSS ಆದ್ಯತೆಗಳನ್ನು ಸುಲಭವಾಗಿ ಟಾಗಲ್ ಮಾಡಿ. ವೇರಿಯೇಬಲ್ನ ಮೌಲ್ಯವನ್ನು ಅತಿಕ್ರಮಿಸಿ ಮತ್ತು npm run test
ಅಗತ್ಯವಿರುವಂತೆ ಮರುಕಂಪೈಲ್ ಮಾಡಿ.
scss/_variables.scss
ಬೂಟ್ಸ್ಟ್ರ್ಯಾಪ್ನ ಫೈಲ್ನಲ್ಲಿ ಪ್ರಮುಖ ಜಾಗತಿಕ ಆಯ್ಕೆಗಳಿಗಾಗಿ ನೀವು ಈ ವೇರಿಯೇಬಲ್ಗಳನ್ನು ಹುಡುಕಬಹುದು ಮತ್ತು ಕಸ್ಟಮೈಸ್ ಮಾಡಬಹುದು .
ವೇರಿಯಬಲ್ | ಮೌಲ್ಯಗಳನ್ನು | ವಿವರಣೆ |
---|---|---|
$spacer |
1rem (ಡೀಫಾಲ್ಟ್), ಅಥವಾ ಯಾವುದೇ ಮೌಲ್ಯ > 0 |
ನಮ್ಮ ಸ್ಪೇಸರ್ ಉಪಯುಕ್ತತೆಗಳನ್ನು ಪ್ರೋಗ್ರಾಮ್ಯಾಟಿಕ್ ಆಗಿ ಉತ್ಪಾದಿಸಲು ಡೀಫಾಲ್ಟ್ ಸ್ಪೇಸರ್ ಮೌಲ್ಯವನ್ನು ನಿರ್ದಿಷ್ಟಪಡಿಸುತ್ತದೆ . |
$enable-rounded |
true (ಡೀಫಾಲ್ಟ್) ಅಥವಾfalse |
ವಿವಿಧ ಘಟಕಗಳ ಮೇಲೆ ಪೂರ್ವನಿರ್ಧರಿತ border-radius ಶೈಲಿಗಳನ್ನು ಸಕ್ರಿಯಗೊಳಿಸುತ್ತದೆ. |
$enable-shadows |
true ಅಥವಾ false (ಡೀಫಾಲ್ಟ್) |
ವಿವಿಧ ಘಟಕಗಳ ಮೇಲೆ ಪೂರ್ವನಿರ್ಧರಿತ ಅಲಂಕಾರಿಕ box-shadow ಶೈಲಿಗಳನ್ನು ಸಕ್ರಿಯಗೊಳಿಸುತ್ತದೆ. box-shadow ಫೋಕಸ್ ಸ್ಟೇಟ್ಗಳಿಗಾಗಿ ಬಳಸಲಾಗುವ s ಮೇಲೆ ಪರಿಣಾಮ ಬೀರುವುದಿಲ್ಲ . |
$enable-gradients |
true ಅಥವಾ false (ಡೀಫಾಲ್ಟ್) |
background-image ವಿವಿಧ ಘಟಕಗಳ ಮೇಲೆ ಶೈಲಿಗಳ ಮೂಲಕ ಪೂರ್ವನಿರ್ಧರಿತ ಗ್ರೇಡಿಯಂಟ್ಗಳನ್ನು ಸಕ್ರಿಯಗೊಳಿಸುತ್ತದೆ . |
$enable-transitions |
true (ಡೀಫಾಲ್ಟ್) ಅಥವಾfalse |
transition ವಿವಿಧ ಘಟಕಗಳ ಮೇಲೆ ಪೂರ್ವನಿರ್ಧರಿತ s ಅನ್ನು ಸಕ್ರಿಯಗೊಳಿಸುತ್ತದೆ . |
$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 |