ବିକଳ୍ପଗୁଡ଼ିକ

ଶ style ଳୀ ଏବଂ ଆଚରଣକୁ ନିୟନ୍ତ୍ରଣ କରିବା ପାଇଁ ଗ୍ଲୋବାଲ୍ CSS ପସନ୍ଦକୁ ସହଜରେ ଟୋଗଲ୍ କରିବାକୁ ବିଲ୍ଟ-ଇନ୍ ଭେରିଏବଲ୍ ସହିତ ବୁଟଷ୍ଟ୍ରାପ୍ କୁ କଷ୍ଟୋମାଇଜ୍ କରନ୍ତୁ |

ଆମର ବିଲ୍ଟ-ଇନ୍ କଷ୍ଟମ୍ ଭେରିଏବଲ୍ ଫାଇଲ୍ ସହିତ ବୁଟ୍ ଷ୍ଟ୍ରାପ୍ କଷ୍ଟୋମାଇଜ୍ କରନ୍ତୁ ଏବଂ ନୂତନ $enable-*ସାସ୍ ଭେରିଏବଲ୍ ସହିତ ଗ୍ଲୋବାଲ୍ CSS ପସନ୍ଦଗୁଡ଼ିକୁ ସହଜରେ ଟୋଗଲ୍ କରନ୍ତୁ | ଏକ ଭେରିଏବଲ୍ ର ଭାଲ୍ୟୁକୁ ନବଲିଖନ କରନ୍ତୁ ଏବଂ npm run testଆବଶ୍ୟକ ଅନୁଯାୟୀ ପୁନ omp କମ୍ପାଇଲ୍ କରନ୍ତୁ |

scss/_variables.scssବୁଟଷ୍ଟ୍ରାପ୍ ଫାଇଲ୍ ରେ ପ୍ରମୁଖ ଗ୍ଲୋବାଲ୍ ଅପ୍ସନ୍ ପାଇଁ ଆପଣ ଏହି ଭେରିଏବଲ୍ଗୁଡ଼ିକୁ ସନ୍ଧାନ ଏବଂ କଷ୍ଟମାଇଜ୍ କରିପାରିବେ |

ଭେରିଏବଲ୍	ମୂଲ୍ୟଗୁଡ଼ିକ	ବର୍ଣ୍ଣନା
`$spacer`	`1rem`(ଡିଫଲ୍ଟ), କିମ୍ବା ଯେକ value ଣସି ମୂଲ୍ୟ> 0 \|	ପ୍ରୋଗ୍ରାମେଟିକ୍ ଭାବରେ ଆମର ସ୍ପେସର୍ ଉପଯୋଗିତା ସୃଷ୍ଟି କରିବାକୁ ଡିଫଲ୍ଟ ସ୍ପେସର୍ ମୂଲ୍ୟ ନିର୍ଦ୍ଦିଷ୍ଟ କରେ \|
`$enable-rounded`	`true`(ଡିଫଲ୍ଟ) କିମ୍ବା`false`	`border-radius`ବିଭିନ୍ନ ଉପାଦାନଗୁଡ଼ିକରେ ପୂର୍ବ ନିର୍ଦ୍ଧାରିତ ଶ yles ଳୀକୁ ସକ୍ଷମ କରିଥାଏ \|
`$enable-shadows`	`true`କିମ୍ବା `false`(ଡିଫଲ୍ଟ)	`box-shadow`ବିଭିନ୍ନ ଉପାଦାନଗୁଡ଼ିକରେ ପୂର୍ବ ନିର୍ଦ୍ଧାରିତ ସାଜସଜ୍ଜା ଶ yles ଳୀକୁ ସକ୍ଷମ କରିଥାଏ \| `box-shadow`ଫୋକସ୍ ଷ୍ଟେଟ୍ ପାଇଁ ବ୍ୟବହୃତ s କୁ ପ୍ରଭାବିତ କରେ ନାହିଁ \|
`$enable-gradients`	`true`କିମ୍ବା `false`(ଡିଫଲ୍ଟ)	`background-image`ବିଭିନ୍ନ ଉପାଦାନଗୁଡ଼ିକରେ ଶ yles ଳୀ ମାଧ୍ୟମରେ ପୂର୍ବ ନିର୍ଦ୍ଧାରିତ ଗ୍ରେଡିଏଣ୍ଟଗୁଡ଼ିକୁ ସକ୍ଷମ କରିଥାଏ \|
`$enable-transitions`	`true`(ଡିଫଲ୍ଟ) କିମ୍ବା`false`	ବିଭିନ୍ନ ଉପାଦାନଗୁଡ଼ିକରେ ପୂର୍ବ ନିର୍ଦ୍ଧାରିତ `transition`s କୁ ସକ୍ଷମ କରିଥାଏ \|
`$enable-reduced-motion`	`true`(ଡିଫଲ୍ଟ) କିମ୍ବା`false`	`prefers-reduced-motion`ମିଡିଆ ଜିଜ୍ଞାସାକୁ ସକ୍ଷମ କରିଥାଏ , ଯାହାକି ଉପଭୋକ୍ତାମାନଙ୍କ ବ୍ରାଉଜର୍ / ଅପରେଟିଂ ସିଷ୍ଟମ୍ ପସନ୍ଦ ଉପରେ ଆଧାର କରି କିଛି ଆନିମେସନ୍ / ଟ୍ରାନ୍ସସାଇନ୍ସକୁ ଦମନ କରିଥାଏ \|
`$enable-grid-classes`	`true`(ଡିଫଲ୍ଟ) କିମ୍ବା`false`	`.row`ଗ୍ରୀଡ୍ ସିଷ୍ଟମ୍ (ଯଥା , `.col-md-1`ଇତ୍ୟାଦି) ପାଇଁ CSS ଶ୍ରେଣୀର ଉତ୍ପାଦନକୁ ସକ୍ଷମ କରିଥାଏ \|
`$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`ପାଠ୍ୟ ଇନପୁଟ୍ ଏବଂ ବ valid ଧତା ଅବସ୍ଥା ପାଇଁ କିଛି କଷ୍ଟମ୍ ଫର୍ମ ମଧ୍ୟରେ ଆଇକନ୍ ସକ୍ଷମ କରେ \|
`$enable-negative-margins`	`true`କିମ୍ବା `false`(ଡିଫଲ୍ଟ)	ନକାରାତ୍ମକ ମାର୍ଜିନ୍ ଉପଯୋଗିତା ସୃଷ୍ଟି କରିବାକୁ ସକ୍ଷମ କରେ \|
`$enable-deprecation-messages`	`true`(ଡିଫଲ୍ଟ) କିମ୍ବା`false`	`false`ଯେକ any ଣସି ପୁରୁଣା ମିଶ୍ରଣ ଏବଂ କାର୍ଯ୍ୟଗୁଡିକ ବ୍ୟବହାର କରିବା ସମୟରେ ଚେତାବନୀ ଲୁଚାଇବାକୁ ସେଟ୍ କରନ୍ତୁ ଯାହା ଅପସାରଣ କରିବାକୁ ଯୋଜନା କରାଯାଇଛି `v6`\|
`$enable-important-utilities`	`true`(ଡିଫଲ୍ଟ) କିମ୍ବା`false`	`!important`ୟୁଟିଲିଟି କ୍ଲାସରେ ସଫିକ୍ସ ସକ୍ଷମ କରେ \|
`$enable-smooth-scroll`	`true`(ଡିଫଲ୍ଟ) କିମ୍ବା`false`	ମିଡିଆ ଜିଜ୍ଞାସା ମାଧ୍ୟମରେ ହ୍ରାସ ହୋଇଥିବା ଗତି ମାଗୁଥିବା `scroll-behavior: smooth`ଉପଭୋକ୍ତାଙ୍କୁ ଛାଡି ସର୍ବଭାରତୀୟ ସ୍ତରରେ ପ୍ରଯୁଜ୍ୟ \|`prefers-reduced-motion`