V5 କୁ ସ୍ଥାନାନ୍ତରିତ |
V4 ରୁ v5 କୁ ସ୍ଥାନାନ୍ତର କରିବାରେ ସାହାଯ୍ୟ କରିବାକୁ ବୁଟଷ୍ଟ୍ରାପ୍ ଉତ୍ସ ଫାଇଲ୍, ଡକ୍ୟୁମେଣ୍ଟେସନ୍, ଏବଂ ଉପାଦାନଗୁଡ଼ିକରେ ପରିବର୍ତ୍ତନଗୁଡ଼ିକୁ ଟ୍ରାକ୍ ଏବଂ ସମୀକ୍ଷା କରନ୍ତୁ |
ନିର୍ଭରଶୀଳତା |
- JQuery ଡ୍ରପ୍ ହୋଇଛି |
- Popper v1.x ରୁ Popper v2.x କୁ ନବୀକରଣ କରାଯାଇଛି |
- ଲିବ୍ସାସ୍କୁ ଦିଆଯାଇଥିବା ଆମର ସାସ୍ କମ୍ପାଇଲର୍ ପୁରୁଣା ହୋଇଥିବାରୁ ଡାର୍ଟ ସାସ୍ ସହିତ ଲିବସାସ୍ ବଦଳାଗଲା |
- ଆମର ଡକ୍ୟୁମେଣ୍ଟେସନ୍ ନିର୍ମାଣ ପାଇଁ ଜେକିଲରୁ ହୁଗୋକୁ ସ୍ଥାନାନ୍ତରିତ |
ବ୍ରାଉଜର୍ ସମର୍ଥନ
- ଇଣ୍ଟରନେଟ୍ ଏକ୍ସପ୍ଲୋରର୍ 10 ଏବଂ 11 ଡ୍ରପ୍ ହୋଇଛି |
- ମାଇକ୍ରୋସଫ୍ଟ ଏଜ୍ <16 (ପୁରୁଣା ଏଜ୍) ଡ୍ରପ୍ ହୋଇଛି |
- ଫାୟାରଫକ୍ସ <60
- ସଫାରି <12
- IOS ସଫାରି <12
- ଡ୍ରପ୍ ହୋଇଥିବା କ୍ରୋମ୍ <60
ଡକ୍ୟୁମେଣ୍ଟେସନ୍ ପରିବର୍ତ୍ତନ |
- ମୂଳପୃଷ୍ଠା, ଡକସ୍ ଲେଆଉଟ୍, ଏବଂ ଫୁଟର୍ |
- ନୂତନ ପାର୍ସଲ୍ ଗାଇଡ୍ ଯୋଡାଗଲା |
- Sass, ଗ୍ଲୋବାଲ୍ ବିନ୍ୟାସ ବିକଳ୍ପ, ରଙ୍ଗ ସ୍କିମ୍, CSS ଭେରିଏବଲ୍, ଏବଂ ଅଧିକ ବିଷୟରେ v4 ର ଥିମ୍ ପୃଷ୍ଠାକୁ ବଦଳାଇ ନୂତନ କଷ୍ଟୋମାଇଜ୍ ବିଭାଗ ଯୋଡାଗଲା |
- ସମସ୍ତ ଫର୍ମ ଡକ୍ୟୁମେଣ୍ଟେସନ୍ କୁ ନୂତନ ଫର୍ମ ବିଭାଗରେ ପୁନ organ ସଂଗଠିତ କରି ବିଷୟବସ୍ତୁକୁ ଅଧିକ ଫୋକସ୍ ପୃଷ୍ଠାରେ ପୃଥକ କରି |
- ସେହିଭଳି, ଗ୍ରୀଡ୍ ବିଷୟବସ୍ତୁକୁ ଅଧିକ ସ୍ପଷ୍ଟ ଭାବରେ ଲେଆଉଟ୍ ବିଭାଗକୁ ଅପଡେଟ୍ କଲା |
- “ନାଭସ୍” ଉପାଦାନ ପୃଷ୍ଠାର ନାମ “ନାଭସ୍ ଏବଂ ଟ୍ୟାବ୍ସ” ରେ ନାମିତ |
- “ଚେକ୍” ପୃଷ୍ଠାର ନାମ “ଚେକ୍ ଏବଂ ରେଡିଓ” |
- ନାଭବାର୍କୁ ପୁନ es ଡିଜାଇନ୍ କରି ଆମର ସାଇଟ୍ ଏବଂ ଡକସ୍ ସଂସ୍କରଣକୁ ଯିବା ସହଜ କରିବାକୁ ଏକ ନୂତନ ସବନାଭ୍ ଯୋଡିଛି |
- ସନ୍ଧାନ କ୍ଷେତ୍ର ପାଇଁ ନୂତନ କୀବୋର୍ଡ୍ ସର୍ଟକଟ୍ ଯୋଗ କରାଯାଇଛି : Ctrl + /।
ସାସ୍ |
-
ଅନାବଶ୍ୟକ ମୂଲ୍ୟଗୁଡିକ ଅପସାରଣ କରିବା ସହଜ କରିବାକୁ ଆମେ ଡିଫଲ୍ଟ ସାସ୍ ମାନଚିତ୍ର ମିଶ୍ରଣକୁ ଖୋଳିଛୁ | ମନେରଖନ୍ତୁ ତୁମକୁ ବର୍ତ୍ତମାନ ସାସ୍ ମାନଚିତ୍ରରେ ସମସ୍ତ ମୂଲ୍ୟ ବ୍ୟାଖ୍ୟା କରିବାକୁ ପଡିବ
$theme-colors
| ସାସ୍ ମାନଚିତ୍ରଗୁଡିକ ସହିତ କିପରି ମୁକାବିଲା କରିବେ ଦେଖନ୍ତୁ | -
ଭାଙ୍ଗିବା
color-yiq()
ଫଙ୍କସନ୍ ଏବଂ ଆନୁସଙ୍ଗିକ ଭେରିଏବଲ୍ସର ନାମ ପରିବର୍ତ୍ତନ ହୋଇଛିcolor-contrast()
ଯେହେତୁ ଏହା ଆଉ YIQ ରଙ୍ଗ ସ୍ପେସ୍ ସହିତ ଜଡିତ ନୁହେଁ | # 30168 ଦେଖନ୍ତୁ |$yiq-contrasted-threshold
କୁ ପୁନ amed ନାମିତ କରାଯାଇଛି$min-contrast-ratio
|$yiq-text-dark
ଏବଂ$yiq-text-light
ଯଥାକ୍ରମେ ନାମିତ$color-contrast-dark
ଏବଂ$color-contrast-light
|
-
ଭାଙ୍ଗିବାଅଧିକ ଯୁକ୍ତିଯୁକ୍ତ ଆଭିମୁଖ୍ୟ ପାଇଁ ମିଡିଆ ଜିଜ୍ଞାସା ମିଶ୍ରଣ ପାରାମିଟରଗୁଡିକ ପରିବର୍ତ୍ତନ ହୋଇଛି |
media-breakpoint-down()
ପରବର୍ତ୍ତୀ ବ୍ରେକପଏଣ୍ଟ ବଦଳରେ ବ୍ରେକପଏଣ୍ଟ ନିଜେ ବ୍ୟବହାର କରିଥାଏ (ଉଦାହରଣ ସ୍ୱରୂପ, ଏହାଠାରୁ ଛୋଟ ଟାର୍ଗେଟ ଭ୍ୟୁପୋର୍ଟmedia-breakpoint-down(lg)
ବଦଳରେ ) |media-breakpoint-down(md)
lg
- ସେହିପରି ଭାବରେ, ଦ୍ୱିତୀୟ ପାରାମିଟର
media-breakpoint-between()
ମଧ୍ୟ ପରବର୍ତ୍ତୀ ବ୍ରେକପଏଣ୍ଟ ପରିବର୍ତ୍ତେ ବ୍ରେକପଏଣ୍ଟ ବ୍ୟବହାର କରେ (ଉଦାହରଣ ସ୍ୱରୂପ, ଏବଂ ମଧ୍ୟରେ ଲକ୍ଷ୍ୟସ୍ଥଳ ଦୃଶ୍ୟmedia-between(sm, lg)
ବଦଳରେ ) |media-breakpoint-between(sm, md)
sm
lg
-
ଭାଙ୍ଗିବାପ୍ରିଣ୍ଟ୍ ଶ yles ଳୀ ଏବଂ
$enable-print-styles
ଭେରିଏବଲ୍ ଅପସାରିତ | ପ୍ରିଣ୍ଟ୍ ଡିସପ୍ଲେ କ୍ଲାସ୍ ଗୁଡିକ ଏପର୍ଯ୍ୟନ୍ତ ଅଛି | # 28339 ଦେଖନ୍ତୁ | -
ଭାଙ୍ଗିବାଭେରିଏବଲ୍ ସପକ୍ଷରେ ଡ୍ରପ୍
color()
,theme-color()
ଏବଂ ଫଙ୍କସନ୍ସ | # 29083 ଦେଖନ୍ତୁ |gray()
-
ଭାଙ୍ଗିବା
theme-color-level()
ଫଙ୍କସନ୍ ର ନାମ ପରିବର୍ତ୍ତନcolor-level()
ଏବଂ ବର୍ତ୍ତମାନ କେବଳ ରଙ୍ଗ ବଦଳରେ ଆପଣ ଚାହୁଁଥିବା ଯେକ color ଣସି ରଙ୍ଗକୁ ଗ୍ରହଣ କରନ୍ତି$theme-color
| ଦେଖନ୍ତୁ # 29083 ଦେଖନ୍ତୁ:color-level()
ପରେ ଡ୍ରପ୍ ହୋଇଗଲାv5.0.0-alpha3
| -
ଭାଙ୍ଗିବାନାମ ପରିବର୍ତ୍ତନ
$enable-prefers-reduced-motion-media-query
ଏବଂ ସଂକ୍ଷିପ୍ତତା$enable-pointer-cursor-for-buttons
ପାଇଁ |$enable-reduced-motion
$enable-button-pointers
-
ଭାଙ୍ଗିବାମିଶ୍ରଣକୁ
bg-gradient-variant()
ହଟାଇଲେ | ଉତ୍ପାଦିତ ଶ୍ରେଣୀଗୁଡ଼ିକ.bg-gradient
ପରିବର୍ତ୍ତେ ଉପାଦାନଗୁଡ଼ିକରେ ଗ୍ରେଡିଏଣ୍ଟ୍ ଯୋଡିବାକୁ ଶ୍ରେଣୀ ବ୍ୟବହାର କରନ୍ତୁ |.bg-gradient-*
-
ଭାଙ୍ଗିବା ପୂର୍ବରୁ ପୁରୁଣା ହୋଇଥିବା ମିଶ୍ରଣଗୁଡିକ ଅପସାରଣ କରାଯାଇଛି:
hover
,, ଏବଂhover-focus
_plain-hover-focus
hover-focus-active
float()
form-control-mixin()
nav-divider()
retina-img()
text-hide()
(ସଂପୃକ୍ତ ୟୁଟିଲିଟି କ୍ଲାସ୍ ମଧ୍ୟ ଛାଡିଦେଲା,.text-hide
)visibility()
form-control-focus()
-
ଭାଙ୍ଗିବାସାସ୍ ର ନିଜସ୍ୱ ରଙ୍ଗ ସ୍କେଲିଂ ଫଙ୍କସନ୍ ସହିତ ଧକ୍କା ନହେବା
scale-color()
ପାଇଁ ପୁନ function ନାମକରଣ |shift-color()
-
box-shadow
ମିକ୍ସିନଗୁଡ଼ିକ ବର୍ତ୍ତମାନ ମୂଲ୍ୟଗୁଡ଼ିକୁ ଅନୁମତି ଦିଏ ଏବଂ ଏକାଧିକ ଆର୍ଗୁମେଣ୍ଟରୁnull
ଡ୍ରପ୍ ହୁଏ | # 30394 ଦେଖନ୍ତୁ |none
-
ମିଶ୍ରଣର ବର୍ତ୍ତମାନ
border-radius()
ଏକ ଡିଫଲ୍ଟ ମୂଲ୍ୟ ଅଛି |
ରଙ୍ଗ ବ୍ୟବସ୍ଥା |
-
ରଙ୍ଗ ପ୍ରଣାଳୀ ଯାହା ସହିତ କାମ କଲା
color-level()
ଏବଂ$theme-color-interval
ଏକ ନୂତନ ରଙ୍ଗ ପ୍ରଣାଳୀ ସପକ୍ଷରେ ଅପସାରିତ ହେଲା | ଆମର କୋଡବେସରେ ଥିବା ସମସ୍ତlighten()
ଏବଂ ଫଙ୍କସନ୍ ଗୁଡିକ ଦ୍ୱାରାdarken()
ବଦଳାଯାଏ | ଏହି କାର୍ଯ୍ୟଗୁଡ଼ିକ ନିର୍ଦ୍ଦିଷ୍ଟ ପରିମାଣରେ ଏହାର ହାଲୁକା ପରିବର୍ତ୍ତନ କରିବା ପରିବର୍ତ୍ତେ ଧଳା କିମ୍ବା କଳା ସହିତ ରଙ୍ଗକୁ ମିଶ୍ରଣ କରିବ | ଏହାର ଓଜନ ପାରାମିଟର ସକରାତ୍ମକ କିମ୍ବା ନକାରାତ୍ମକ ଉପରେ ନିର୍ଭର କରି ଇଚ୍ଛା ରଙ୍ଗକୁ ଛାଇ କିମ୍ବା ଛାଇ କରିବ | ଅଧିକ ବିବରଣୀ ପାଇଁ # 30622 ଦେଖନ୍ତୁ |tint-color()
shade-color()
shift-color()
-
ପ୍ରତ୍ୟେକ ସାସ୍ ଭେରିଏବଲ୍ ଭାବରେ ପ୍ରତ୍ୟେକ ମୂଳ ରଙ୍ଗ ପାଇଁ ନଅଟି ଅଲଗା ରଙ୍ଗ ପ୍ରଦାନ କରି ପ୍ରତ୍ୟେକ ରଙ୍ଗ ପାଇଁ ନୂତନ ଟିଣ୍ଟ୍ ଏବଂ ଛାୟା ଯୋଗ କରାଯାଇଛି |
-
ଉନ୍ନତ ରଙ୍ଗ ବିପରୀତ | 3: 1 ରୁ 4.5: 1 ପର୍ଯ୍ୟନ୍ତ ବମ୍ପଡ୍ ରଙ୍ଗ ବିପରୀତ ଅନୁପାତ ଏବଂ WCAG 2.1 AA ବିପରୀତ ନିଶ୍ଚିତ କରିବାକୁ ନୀଳ, ସବୁଜ, ସିଆନ୍, ଏବଂ ଗୋଲାପୀ ରଙ୍ଗ ଅପଡେଟ୍ | ଆମର ରଙ୍ଗ ବିପରୀତ ରଙ୍ଗକୁ ମଧ୍ୟ
$gray-900
ବଦଳାଇଲା$black
| -
tint-color()
ଆମର ରଙ୍ଗ ସିଷ୍ଟମକୁ ସମର୍ଥନ କରିବାକୁ, ଆମେ ଆମର ରଙ୍ଗକୁ ସଠିକ୍ ଭାବରେ ମିଶ୍ରଣ କରିବା ପାଇଁ ନୂତନ କଷ୍ଟମ୍ ଏବଂshade-color()
ଫଙ୍କସନ୍ ଯୋଡିଛୁ |
ଗ୍ରୀଡ୍ ଅଦ୍ୟତନଗୁଡିକ |
-
ନୂତନ ବ୍ରେକପଏଣ୍ଟ! ଏବଂ ଅପ୍ ପାଇଁ ନୂତନ
xxl
ବ୍ରେକପଏଣ୍ଟ ଯୋଡିଛି |1400px
ଅନ୍ୟ ସମସ୍ତ ବ୍ରେକପଏଣ୍ଟରେ କ changes ଣସି ପରିବର୍ତ୍ତନ ନାହିଁ | -
ଉନ୍ନତ ଗୁଟଖା | ଗୁଟର୍ସ ବର୍ତ୍ତମାନ ରେମ୍ସରେ ସେଟ୍ ହୋଇଛି, ଏବଂ v4 (
1.5rem
କିମ୍ବା ପ୍ରାୟ24px
, ତଳକୁ30px
) ଠାରୁ ସଂକୀର୍ଣ୍ଣ | ଏହା ଆମର ସ୍ପେସ୍ ୟୁଟିଲିଟି ସହିତ ଆମର ଗ୍ରୀଡ୍ ସିଷ୍ଟମର ଗୁଟର୍ଗୁଡ଼ିକୁ ଆଲାଇନ୍ କରେ |- ଭୂସମାନ୍ତର / ଭୂଲମ୍ବ ଗୁଟର, ଭୂସମାନ୍ତର ଗୁଟର ଏବଂ ଭୂଲମ୍ବ ଗୁଟରକୁ ନିୟନ୍ତ୍ରଣ କରିବା ପାଇଁ ନୂତନ ଗୁଟର ଶ୍ରେଣୀ (
.g-*
,.gx-*
ଏବଂ ) ଯୋଗ କରାଯାଇଛି |.gy-*
- ଭାଙ୍ଗିବାନୂତନ ଗୁଟର ଉପଯୋଗିତା ସହିତ ମେଳ
.no-gutters
କରିବାକୁ ପୁନ amed ନାମିତ |.g-0
- ଭୂସମାନ୍ତର / ଭୂଲମ୍ବ ଗୁଟର, ଭୂସମାନ୍ତର ଗୁଟର ଏବଂ ଭୂଲମ୍ବ ଗୁଟରକୁ ନିୟନ୍ତ୍ରଣ କରିବା ପାଇଁ ନୂତନ ଗୁଟର ଶ୍ରେଣୀ (
-
ସ୍ତମ୍ଭଗୁଡିକ ଆଉ ପ୍ରୟୋଗ ହୋଇନାହିଁ, ତେଣୁ ସେହି ଆଚରଣକୁ ପୁନ restore ସ୍ଥାପନ କରିବା ପାଇଁ ଆପଣଙ୍କୁ କିଛି ଉପାଦାନରେ
position: relative
ଯୋଗ କରିବାକୁ ପଡିପାରେ |.position-relative
-
ଭାଙ୍ଗିବାଅନେକ
.order-*
କ୍ଲାସ୍ ଛାଡିଦେଲେ ଯାହା ପ୍ରାୟତ un ଅବ୍ୟବହୃତ ହୋଇଗଲା | ଆମେ ବର୍ତ୍ତମାନ କେବଳ ବାକ୍ସ ବାହାରେ ଯୋଗାଇଦେଉ.order-1
|.order-5
-
ଭାଙ୍ଗିବାଉପାଦାନକୁ ଛାଡିଦେଲେ
.media
ଯେହେତୁ ଏହା ସହଜରେ ଉପଯୋଗୀତା ସହିତ ନକଲ ହୋଇପାରିବ | ଏକ ଉଦାହରଣ ପାଇଁ # 28265 ଏବଂ ଫ୍ଲେକ୍ସ ୟୁଟିଲିଟିଜ୍ ପୃଷ୍ଠା ଦେଖନ୍ତୁ | -
ଭାଙ୍ଗିବା
bootstrap-grid.css
ବର୍ତ୍ତମାନ କେବଳbox-sizing: border-box
ଗ୍ଲୋବାଲ୍ ବକ୍ସ-ସାଇଜ୍ ପୁନ res ସେଟ୍ କରିବା ପରିବର୍ତ୍ତେ ସ୍ତମ୍ଭରେ ପ୍ରଯୁଜ୍ୟ | ଏହି ଉପାୟରେ, ଆମର ଗ୍ରୀଡ୍ ଶ yles ଳୀଗୁଡିକ ବାଧା ବିନା ଅଧିକ ସ୍ଥାନରେ ବ୍ୟବହାର କରାଯାଇପାରିବ | -
$enable-grid-classes
କଣ୍ଟେନର ଶ୍ରେଣୀର ପି generation ଼ିକୁ ଆଉ ଅକ୍ଷମ କରେ ନାହିଁ | # 29146 ଦେଖନ୍ତୁ | -
make-col
ନିର୍ଦ୍ଦିଷ୍ଟ ଆକାର ବିନା ସମାନ ସ୍ତମ୍ଭରେ ଡିଫଲ୍ଟ ଭାବରେ ମିକ୍ସିନକୁ ଅଦ୍ୟତନ କଲେ |
ବିଷୟବସ୍ତୁ, ପୁନ o ବୁଟ୍ ଇତ୍ୟାଦି |
-
RFS ବର୍ତ୍ତମାନ ଡିଫଲ୍ଟ ଭାବରେ ସକ୍ଷମ ହୋଇଛି | ମିକ୍ସିନ ବ୍ୟବହାର କରୁଥିବା
font-size()
ହେଡିଙ୍ଗଗୁଡ଼ିକ ସ୍ୱୟଂଚାଳିତ ଭାବରେfont-size
ଭ୍ୟୁପୋର୍ଟ ସହିତ ସ୍କେଲ କରିବାକୁ ଆଡଜଷ୍ଟ କରିବ | ଏହି ବ feature ଶିଷ୍ଟ୍ୟ ପୂର୍ବରୁ v4 ସହିତ ଅପ୍ଟ-ଇନ୍ ଥିଲା | -
ଭାଙ୍ଗିବା
$display-*
ଆମର ଭେରିଏବଲ୍ ଏବଂ$display-font-sizes
ସାସ୍ ମାନଚିତ୍ର ସହିତ ବଦଳାଇବା ପାଇଁ ଆମର ପ୍ରଦର୍ଶନ ଟାଇପୋଗ୍ରାଫି ମରାମତି |$display-*-weight
ଏକକ$display-font-weight
ଏବଂ ଆଡଜଷ୍ଟେଡ୍font-size
s ପାଇଁ ବ୍ୟକ୍ତିଗତ ଭେରିଏବଲ୍ ଗୁଡିକ ମଧ୍ୟ ଅପସାରଣ କରାଗଲା | -
.display-*
ଦୁଇଟି ନୂତନ ହେଡିଙ୍ଗ୍ ସାଇଜ୍ ଯୋଡାଗଲା ,.display-5
ଏବଂ.display-6
। -
ଲିଙ୍କଗୁଡିକ ଡିଫଲ୍ଟ ଭାବରେ ଅଣ୍ଡରଲାଇନ୍ ହୋଇଛି (କେବଳ ହୋଭରରେ ନୁହେଁ), ଯେପର୍ଯ୍ୟନ୍ତ ସେମାନେ ନିର୍ଦ୍ଦିଷ୍ଟ ଉପାଦାନଗୁଡ଼ିକର ଅଂଶ ନୁହଁନ୍ତି |
-
ସେମାନଙ୍କର ଶ yles ଳୀକୁ ସତେଜ କରିବା ଏବଂ ଷ୍ଟାଇଲିଂ ଉପରେ ଅଧିକ ନିୟନ୍ତ୍ରଣ ପାଇଁ CSS ଭେରିଏବଲ୍ ସହିତ ପୁନ build ନିର୍ମାଣ କରିବା ପାଇଁ ସାରଣୀଗୁଡ଼ିକୁ ପୁନ es ଡିଜାଇନ୍ କରାଯାଇଛି |
-
ଭାଙ୍ଗିବାନେଷ୍ଟେଡ୍ ଟେବୁଲଗୁଡିକ ଶ yles ଳୀକୁ ଆଉ ଉତ୍ତରାଧିକାରୀ କରନ୍ତି ନାହିଁ |
-
ଭାଙ୍ଗିବା
.thead-light
ଏବଂ ପ୍ରକାର ଶ୍ରେଣୀ.thead-dark
ସପକ୍ଷରେ ଛାଡି ଦିଆଗଲା ଯାହା ସମସ୍ତ ଟେବୁଲ୍ ଉପାଦାନଗୁଡ଼ିକ ପାଇଁ ବ୍ୟବହୃତ ହୋଇପାରେ ( ,,, ଏବଂ ) |.table-*
thead
tbody
tfoot
tr
th
td
-
ଭାଙ୍ଗିବାଏହି
table-row-variant()
ମିଶ୍ରଣର ନାମ ପରିବର୍ତ୍ତନ କରାଯାଇଛିtable-variant()
ଏବଂ କେବଳ 2 ଟି ପାରାମିଟର ଗ୍ରହଣ କରେ:$color
(ରଙ୍ଗ ନାମ) ଏବଂ$value
(ରଙ୍ଗ କୋଡ୍) | ଟେବୁଲ୍ ଫ୍ୟାକ୍ଟର୍ ଭେରିଏବଲ୍ ଉପରେ ଆଧାର କରି ସୀମା ରଙ୍ଗ ଏବଂ ଉଚ୍ଚାରଣ ରଙ୍ଗ ସ୍ୱୟଂଚାଳିତ ଭାବରେ ଗଣନା କରାଯାଏ | -
ଟେବୁଲ୍ ସେଲ୍ ପ୍ୟାଡିଂ ଭେରିଏବଲ୍ ଗୁଡିକୁ
-y
ଏବଂ-x
-
ଭାଙ୍ଗିବାଡ୍ରପ୍
.pre-scrollable
କ୍ଲାସ୍ | # 29135 ଦେଖନ୍ତୁ | -
ଭାଙ୍ଗିବା
.text-*
ଉପଯୋଗିତାଗୁଡ଼ିକ ଆଉ ଲିଙ୍କ୍ ପାଇଁ ହୋଭର ଏବଂ ଫୋକସ୍ ଷ୍ଟେଟସ୍ ଯୋଡେ ନାହିଁ |.link-*
ଏହା ବଦଳରେ ହେଲପର କ୍ଲାସ୍ ବ୍ୟବହାର କରାଯାଇପାରିବ | # 29267 ଦେଖନ୍ତୁ | -
ଭାଙ୍ଗିବାଡ୍ରପ୍
.text-justify
କ୍ଲାସ୍ | # 29793 ଦେଖନ୍ତୁ | -
ଭାଙ୍ଗିବା
<hr>
ଗୁଣବତ୍ତାକୁ ଭଲ ଭାବରେ ସମର୍ଥନ କରିବାheight
ପରିବର୍ତ୍ତେ ଉପାଦାନଗୁଡ଼ିକ ବର୍ତ୍ତମାନ ବ୍ୟବହାର କରନ୍ତୁ | ଏହା ମଧ୍ୟ ମୋଟା ଡିଭାଇଡର୍ (ଯଥା, ) ସୃଷ୍ଟି କରିବା ପାଇଁ ପ୍ୟାଡିଂ ଉପଯୋଗିତା ବ୍ୟବହାରକୁ ସକ୍ଷମ କରିଥାଏ |border
size
<hr class="py-1">
-
ବ୍ରାଉଜର୍ ଡିଫଲ୍ଟରୁ ଡିଫଲ୍ଟ ଭୂସମାନ୍ତର ଏବଂ ଉପାଦାନଗୁଡ଼ିକୁ ପୁନ Res ସେଟ୍
padding-left
କରନ୍ତୁ |<ul>
<ol>
40px
2rem
-
ଯୋଡା ଯାଇଛି
$enable-smooth-scroll
, ଯାହା ସର୍ବଭାରତୀୟ ସ୍ତରରେ ପ୍ରଯୁଜ୍ୟ - ମିଡିଆ ଜିଜ୍ଞାସାscroll-behavior: smooth
ମାଧ୍ୟମରେ ହ୍ରାସ ହୋଇଥିବା ଗତି ମାଗୁଥିବା ବ୍ୟବହାରକାରୀଙ୍କ ବ୍ୟତୀତ | # 31877 ଦେଖନ୍ତୁ |prefers-reduced-motion
RTL
- ଭୂସମାନ୍ତର ଦିଗ ନିର୍ଦ୍ଦିଷ୍ଟ ଭେରିଏବଲ୍, ୟୁଟିଲିଟି, ଏବଂ ମିକ୍ସିନଗୁଡିକ ଲଜିକାଲ୍ ଗୁଣଗୁଡିକ ବ୍ୟବହାର କରିବାକୁ ନାମକରଣ କରାଯାଇଛି ଯେପରି ଫ୍ଲେକ୍ସବକ୍ସ ଲେଆଉଟ୍ ଗୁଡିକରେ ମିଳିଥାଏ - ଯଥା,
start
ଏବଂend
ଏହା ବଦଳରେleft
ଏବଂright
|
ଫର୍ମଗୁଡିକ
-
ନୂତନ ଭାସମାନ ଫର୍ମ ଯୋଡାଗଲା! ସମ୍ପୂର୍ଣ୍ଣ ରୂପେ ସମର୍ଥିତ ଫର୍ମ ଉପାଦାନଗୁଡିକ ପାଇଁ ଆମେ ଫ୍ଲୋଟିଂ ଲେବଲ୍ ଉଦାହରଣକୁ ପ୍ରୋତ୍ସାହିତ କରିଛୁ | ନୂତନ ଫ୍ଲୋଟିଂ ଲେବଲ୍ ପୃଷ୍ଠା ଦେଖନ୍ତୁ |
-
ଭାଙ୍ଗିବା ଏକତ୍ରିତ ଦେଶୀ ଏବଂ କଷ୍ଟମ୍ ଫର୍ମ ଉପାଦାନଗୁଡିକ | ଚେକ୍ ବକ୍ସ, ରେଡିଓ, ସିଲେକ୍ଟ, ଏବଂ ଅନ୍ୟାନ୍ୟ ଇନପୁଟ୍ ଯାହା v4 ରେ ଦେଶୀ ଏବଂ କଷ୍ଟମ୍ କ୍ଲାସ୍ ରହିଥିଲା | ବର୍ତ୍ତମାନ ପ୍ରାୟ ସମସ୍ତ ଫର୍ମ ଉପାଦାନଗୁଡିକ ସମ୍ପୁର୍ଣ୍ଣ ଭାବରେ କଷ୍ଟମ୍, ଅଧିକାଂଶ କଷ୍ଟମ୍ HTML ର ଆବଶ୍ୟକତା ବିନା |
.custom-check
ବର୍ତ୍ତମାନ ଅଟେ.form-check
|.custom-check.custom-switch
ବର୍ତ୍ତମାନ ଅଟେ.form-check.form-switch
|.custom-select
ବର୍ତ୍ତମାନ ଅଟେ.form-select
|.custom-file
ଏବଂ.form-file
ଉପରେ କଷ୍ଟମ୍ ଶ yles ଳୀ ଦ୍ୱାରା ସ୍ଥାନିତ ହୋଇଛି.form-control
|.custom-range
ବର୍ତ୍ତମାନ ଅଟେ.form-range
|- ମୂଳ ଦେଶୀ
.form-control-file
ଏବଂ.form-control-range
।
-
ଭାଙ୍ଗିବାଡ୍ରପ୍
.input-group-append
ଏବଂ.input-group-prepend
। ଆପଣ ବର୍ତ୍ତମାନ କେବଳ ବଟନ୍ ଏବଂ.input-group-text
ଇନପୁଟ୍ ଗୋଷ୍ଠୀର ପ୍ରତ୍ୟକ୍ଷ ପିଲା ଭାବରେ ଯୋଗ କରିପାରିବେ | -
ବ valid ଧତା ମତାମତ ବଗ୍ ସହିତ ଇନପୁଟ୍ ଗ୍ରୁପ୍ ଉପରେ ଦୀର୍ଘ ଦିନର ନିଖୋଜ ସୀମା ବ୍ୟାସାର୍ଦ୍ଧ ଶେଷରେ ବ valid ଧତା ସହିତ ଇନପୁଟ୍ ଗୋଷ୍ଠୀକୁ ଏକ ଅତିରିକ୍ତ
.has-validation
ଶ୍ରେଣୀ ଯୋଗ କରି ସ୍ଥିର ହୋଇଛି | -
ଭାଙ୍ଗିବା ଆମର ଗ୍ରୀଡ୍ ସିଷ୍ଟମ୍ ପାଇଁ ଫର୍ମ-ନିର୍ଦ୍ଦିଷ୍ଟ ଲେଆଉଟ୍ କ୍ଲାସ୍ ଡ୍ରପ୍ |
.form-group
,.form-row
କିମ୍ବା ପରିବର୍ତ୍ତେ ଆମର ଗ୍ରୀଡ୍ ଏବଂ ଉପଯୋଗିତା ବ୍ୟବହାର କରନ୍ତୁ.form-inline
| -
ଭାଙ୍ଗିବାଫର୍ମ ଲେବଲ୍ ବର୍ତ୍ତମାନ ଆବଶ୍ୟକ କରେ
.form-label
| -
ଭାଙ୍ଗିବା
.form-text
ଆଉdisplay
HTML ସେଟ୍ ବଦଳାଇ ଇନଲାଇନ ସୃଷ୍ଟି କରିବାକୁ କିମ୍ବା ହେଲପ୍ ଟେକ୍ସଟ୍ ବ୍ଲକ୍ କରିବାକୁ ଅନୁମତି ଦିଏ ନାହିଁ | -
<select>
ବ with ଧତା ଆଇକନ୍ ଗୁଡିକ s ସହିତ ଆଉ ପ୍ରୟୋଗ କରାଯାଏ ନାହିଁmultiple
| -
scss/forms/
ଇନପୁଟ୍ ଗ୍ରୁପ୍ ଶ yles ଳୀ ଅନ୍ତର୍ଭୂକ୍ତ କରି ପୁନ arr ସଜ୍ଜିତ ଉତ୍ସ ସାସ୍ ଫାଇଲଗୁଡିକ |
ଉପାଦାନଗୁଡ଼ିକ |
- ଆମର ଭେରିଏବଲ୍ ଉପରେ ଆଧାରିତ ଆଲର୍ଟ, ବ୍ରେଡ୍ କ୍ରମ୍, କାର୍ଡ, ଡ୍ରପଡାଉନ୍, ତାଲିକା ଗୋଷ୍ଠୀ, ମୋଡାଲ୍, ପପୋଭର, ଏବଂ ଟୁଲଟିପ୍ ପାଇଁ ଏକୀକୃତ
padding
ମୂଲ୍ୟ | # 30564 ଦେଖନ୍ତୁ |$spacer
ଆକର୍ଡିଅନ୍ |
- ନୂତନ ଆକର୍ଡିଅନ୍ ଉପାଦାନ ଯୋଗ କରାଯାଇଛି |
ସତର୍କତା
-
ଆଇକନ୍ ସହିତ ଆଲର୍ଟଗୁଡ଼ିକରେ ବର୍ତ୍ତମାନ ଉଦାହରଣ ଅଛି |
-
<hr>
ପ୍ରତ୍ୟେକ ଆଲର୍ଟରେ s ପାଇଁ କଷ୍ଟମ୍ ଶ yles ଳୀଗୁଡିକ ଅପସାରଣ କରାଯାଇଛି ଯେହେତୁ ସେମାନେ ପୂର୍ବରୁ ବ୍ୟବହାର କରନ୍ତିcurrentColor
|
ବ୍ୟାଜ୍
-
ଭାଙ୍ଗିବାପୃଷ୍ଠଭୂମି ଉପଯୋଗୀତା ପାଇଁ ସମସ୍ତ ରଙ୍ଗ ଶ୍ରେଣୀଗୁଡିକ ଡ୍ରପ୍ କରିଦେଲେ
.badge-*
(ଉଦାହରଣ ସ୍ୱରୂପ,.bg-primary
ଏହା ବଦଳରେ ବ୍ୟବହାର କରନ୍ତୁ.badge-primary
) | -
ଭାଙ୍ଗିବାଡ୍ରପ୍
.badge-pill
ହୋଇଛି -.rounded-pill
ଏହା ବଦଳରେ ଉପଯୋଗିତାକୁ ବ୍ୟବହାର କରନ୍ତୁ | -
ଭାଙ୍ଗିବା
<a>
ଉପାଦାନ ଏବଂ ଉପାଦାନଗୁଡ଼ିକ ପାଇଁ ହୋଭର ଏବଂ ଫୋକସ୍ ଶ yles ଳୀଗୁଡିକ ଅପସାରଣ କରାଯାଇଛି<button>
| -
.25em
/ ରୁ /.5em
ପର୍ଯ୍ୟନ୍ତ.35em
ବ୍ୟାଜ୍ ପାଇଁ ଡିଫଲ୍ଟ ପ୍ୟାଡିଂ ବୃଦ୍ଧି.65em
|
ରୁଟି ଖଣ୍ଡ |
-
ଅପସାରଣ କରି ରୁଟି ଖଣ୍ଡଗୁଡ଼ିକର ଡିଫଲ୍ଟ ଦୃଶ୍ୟକୁ ସରଳୀକୃତ
padding
,background-color
ଏବଂborder-radius
। -
--bs-breadcrumb-divider
CSS ର ପୁନ omp ସଂକଳନ ଆବଶ୍ୟକ ନକରି ସହଜ କଷ୍ଟମାଇଜେସନ୍ ପାଇଁ ନୂତନ CSS କଷ୍ଟମ୍ ପ୍ରପର୍ଟି ଯୋଡିଛି |
ବଟନ୍
-
ଭାଙ୍ଗିବା ଚେକ୍ ବକ୍ସ କିମ୍ବା ରେଡିଓ ସହିତ ବଟନ୍ ଟୋଗଲ୍ କରନ୍ତୁ, ଆଉ ଜାଭାସ୍କ୍ରିପ୍ଟ ଆବଶ୍ୟକ କରେ ନାହିଁ ଏବଂ ନୂତନ ମାର୍କଅପ୍ ଅଛି | ଆମେ ଆଉ ଏକ ରାପିଙ୍ଗ୍ ଉପାଦାନ ଆବଶ୍ୟକ କରୁନାହୁଁ, ଏହାକୁ ଯୋଡିବା
.btn-check
ଏବଂ<input>
ଏହାକୁ ଯେକ any ଣସି.btn
ଶ୍ରେଣୀ<label>
| # 30650 ଦେଖନ୍ତୁ | ଏଥିପାଇଁ ଡକସ୍ ଆମର ବଟନ୍ ପୃଷ୍ଠାରୁ ନୂତନ ଫର୍ମ ବିଭାଗକୁ ଚାଲିଯାଇଛି | -
ଭାଙ୍ଗିବା
.btn-block
ଉପଯୋଗିତା ପାଇଁ ଡ୍ରପ୍ |.btn-block
ଉପରେ ବ୍ୟବହାର କରିବା ପରିବର୍ତ୍ତେ.btn
, ଆପଣଙ୍କର ବଟନ୍ଗୁଡ଼ିକୁ ଗୁଡ଼ାଇ ରଖନ୍ତୁ.d-grid
ଏବଂ ଆବଶ୍ୟକ ଅନୁଯାୟୀ ସ୍ପେସ୍ କରିବା ପାଇଁ ଏକ.gap-*
ଉପଯୋଗୀତା | ସେମାନଙ୍କ ଉପରେ ଅଧିକ ନିୟନ୍ତ୍ରଣ ପାଇଁ ପ୍ରତିକ୍ରିୟାଶୀଳ ଶ୍ରେଣୀକୁ ସୁଇଚ୍ କରନ୍ତୁ | କିଛି ଉଦାହରଣ ପାଇଁ ଡକସ୍ ପ Read ନ୍ତୁ | -
ଅତିରିକ୍ତ ପାରାମିଟରଗୁଡିକୁ ସମର୍ଥନ କରିବାକୁ ଆମର
button-variant()
ଏବଂ ମିଶ୍ରଣକୁ ଅଦ୍ୟତନ କଲେ |button-outline-variant()
-
ହୋଭର ଏବଂ ସକ୍ରିୟ ସ୍ଥିତି ଉପରେ ବର୍ଦ୍ଧିତ ବିପରୀତ ନିଶ୍ଚିତ କରିବାକୁ ବଟନ୍ଗୁଡ଼ିକୁ ଅଦ୍ୟତନ କରାଯାଇଛି |
-
ଅକ୍ଷମ ବଟନ୍ ଗୁଡିକ ବର୍ତ୍ତମାନ ଅଛି
pointer-events: none;
|
କାର୍ଡ
-
ଭାଙ୍ଗିବା
.card-deck
ଆମର ଗ୍ରୀଡ୍ ସପକ୍ଷରେ ଡ୍ରପ୍ | ସ୍ତମ୍ଭ କ୍ଲାସରେ ତୁମର କାର୍ଡ ଗୁଡ଼ାଇ ରଖ ଏବଂ.row-cols-*
କାର୍ଡ ଡେକ୍ସ ସୃଷ୍ଟି କରିବାକୁ ଏକ ପ୍ୟାରେଣ୍ଟ୍ ପାତ୍ର ଧାରଣ କର (କିନ୍ତୁ ପ୍ରତିକ୍ରିୟାଶୀଳ ଆଲାଇନ୍ମେଣ୍ଟ ଉପରେ ଅଧିକ ନିୟନ୍ତ୍ରଣ ସହିତ) | -
ଭାଙ୍ଗିବାମାନସଙ୍କ
.card-columns
ସପକ୍ଷରେ ଛାଡିଦେଲେ | # 28922 ଦେଖନ୍ତୁ | -
ଭାଙ୍ଗିବା
.card
ଆଧାରିତ ଆକର୍ଡିଅନ୍ କୁ ଏକ ନୂତନ ଆକର୍ଡିଅନ୍ ଉପାଦାନ ସହିତ ବଦଳାଇଲା |
କାରୁସେଲ |
-
ଗା dark ଼ ପାଠ୍ୟ, ନିୟନ୍ତ୍ରଣ, ଏବଂ ସୂଚକଗୁଡ଼ିକ ପାଇଁ ନୂତନ
.carousel-dark
ପ୍ରକାର ଯୋଗ କରାଯାଇଛି (ହାଲୁକା ପୃଷ୍ଠଭୂମି ପାଇଁ ଉତ୍ତମ) | -
ବୁଟଷ୍ଟ୍ରାପ୍ ଆଇକନ୍ ଗୁଡିକରୁ ନୂତନ SVG ସହିତ କାରୁସେଲ୍ ନିୟନ୍ତ୍ରଣ ପାଇଁ ସେଭ୍ରନ୍ ଆଇକନ୍ ଗୁଡିକ ସ୍ଥାନାନ୍ତରିତ |
ବଟନ୍ ବନ୍ଦ କରନ୍ତୁ |
-
ଭାଙ୍ଗିବାକମ୍ ଜେନେରିକ୍ ନାମ ପାଇଁ
.close
ପୁନ amed ନାମିତ |.btn-close
-
ବନ୍ଦ ବଟନ୍ ଗୁଡିକ ବର୍ତ୍ତମାନ HTML ରେ ଏକ
background-image
(ଏମ୍ବେଡ୍ ହୋଇଥିବା SVG) ବ୍ୟବହାର×
କରନ୍ତୁ, ଯାହା ଆପଣଙ୍କର ମାର୍କଅପ୍ ଛୁଇଁବାର ଆବଶ୍ୟକତା ବିନା ସହଜ କଷ୍ଟମାଇଜେସନ୍ ପାଇଁ ଅନୁମତି ଦିଏ | -
ନୂତନ ପ୍ରକାର ଯୋଡା ଯାଇଛି ଯାହାକି ଗା dark ଼ ପୃଷ୍ଠଭୂମି ବିରୁଦ୍ଧରେ ଉଚ୍ଚ ବିପରୀତ ବରଖାସ୍ତ ଆଇକନ୍ ସକ୍ଷମ କରିବାକୁ
.btn-close-white
ବ୍ୟବହାର କରେ |filter: invert(1)
ଭୁଶୁଡ଼ିବା |
- ଆକର୍ଡିଅନ୍ ପାଇଁ ସ୍କ୍ରୋଲ୍ ଆଙ୍କରିଙ୍ଗ୍ ଅପସାରଣ କରାଯାଇଛି |
ଡ୍ରପଡାଉନ୍
-
.dropdown-menu-dark
ଅନ୍-ଡିମାଣ୍ଡ ଡାର୍କ ଡ୍ରପଡାଉନ୍ ପାଇଁ ନୂତନ ଭାରିଆଣ୍ଟ ଏବଂ ଆନୁଷଙ୍ଗିକ ଭେରିଏବଲ୍ ଯୋଡାଗଲା | -
ପାଇଁ ନୂଆ ଭେରିଏବଲ୍ ଯୋଡିଛି
$dropdown-padding-x
| -
ଉନ୍ନତ ବିପରୀତ ପାଇଁ ଡ୍ରପଡାଉନ୍ ଡିଭାଇଡର୍ ଅନ୍ଧକାର |
-
ଭାଙ୍ଗିବାଡ୍ରପଡାଉନ୍ ପାଇଁ ସମସ୍ତ ଘଟଣା ବର୍ତ୍ତମାନ ଡ୍ରପଡାଉନ୍ ଟୋଗଲ୍ ବଟନ୍ ଉପରେ ଟ୍ରିଗର ହୋଇଛି ଏବଂ ତା’ପରେ ପ୍ୟାରେଣ୍ଟ୍ ଉପାଦାନ ପର୍ଯ୍ୟନ୍ତ ବବୁଲ୍ ହୋଇଛି |
-
ଡ୍ରପ୍ ଡାଉନ୍ ମେନୁଗୁଡ଼ିକର ବର୍ତ୍ତମାନ ଏକ
data-bs-popper="static"
ଆଟ୍ରିବ୍ୟୁଟ୍ ସେଟ୍ ଅଛି ଯେତେବେଳେ ଡ୍ରପଡାଉନ୍ ର ପୋଜିସନ୍ ସ୍ଥିର ଥାଏ ଏବଂdata-bs-popper="none"
ଯେତେବେଳେ ଡ୍ରପଡାଉନ୍ ନାଭବାର୍ ରେ ଥାଏ | ଏହା ଆମର ଜାଭାସ୍କ୍ରିପ୍ଟ ଦ୍ୱାରା ଯୋଡା ଯାଇଛି ଏବଂ ପପର୍ ର ପୋଜିସନ୍ରେ ହସ୍ତକ୍ଷେପ ନକରି କଷ୍ଟମ୍ ପୋଜିସନ୍ ଷ୍ଟାଇଲ୍ ବ୍ୟବହାର କରିବାରେ ସାହାଯ୍ୟ କରେ | -
ଭାଙ୍ଗିବା
flip
ଦେଶୀ ପପର୍ ବିନ୍ୟାସ ସପକ୍ଷରେ ଡ୍ରପଡାଉନ୍ ପ୍ଲଗଇନ୍ ପାଇଁ ଡ୍ରପ୍ ଅପ୍ସନ୍ | ଫ୍ଲିପ୍ ମୋଡିଫାୟର୍ରେfallbackPlacements
ବିକଳ୍ପ ପାଇଁ ଏକ ଖାଲି ଆରେ ପାସ୍ କରି ଆପଣ ବର୍ତ୍ତମାନ ଫ୍ଲପିଂ ଆଚରଣକୁ ଅକ୍ଷମ କରିପାରିବେ | -
ଅଟୋ ବନ୍ଦ ଆଚରଣକୁ ପରିଚାଳନା କରିବା ପାଇଁ ଡ୍ରପଡାଉନ୍ ମେନୁଗୁଡ଼ିକ ବର୍ତ୍ତମାନ ଏକ ନୂତନ
autoClose
ବିକଳ୍ପ ସହିତ କ୍ଲିକ୍ ହୋଇପାରିବ | ଏହାକୁ ଇଣ୍ଟରାକ୍ଟିଭ୍ କରିବା ପାଇଁ ଡ୍ରପଡାଉନ୍ ମେନୁ ଭିତରେ କିମ୍ବା ବାହାରେ କ୍ଲିକ୍ ଗ୍ରହଣ କରିବାକୁ ଆପଣ ଏହି ବିକଳ୍ପକୁ ବ୍ୟବହାର କରିପାରିବେ | -
ଡ୍ରପଡାଉନ୍ ଗୁଡିକ ବର୍ତ୍ତମାନ
.dropdown-item
s ରେ ଗୁଡ଼ାଯାଇଥିବା<li>
s କୁ ସମର୍ଥନ କରେ |
ଜମ୍ବୋଟ୍ରନ୍ |
- ଭାଙ୍ଗିବାଜମ୍ବୋଟ୍ରନ୍ ଉପାଦାନକୁ ଡ୍ରପ୍ କରିଦେଲେ ଯେହେତୁ ଏହା ୟୁଟିଲିଟି ସହିତ ନକଲ ହୋଇପାରିବ | ଏକ ଡେମୋ ପାଇଁ ଆମର ନୂତନ ଜମ୍ବୋଟ୍ରନ୍ ଉଦାହରଣ ଦେଖନ୍ତୁ |
ଗୋଷ୍ଠୀ ତାଲିକା |
- ଗୋଷ୍ଠୀ ତାଲିକା ପାଇଁ ନୂତନ
.list-group-numbered
ରୂପାନ୍ତରକାରୀ ଯୋଗ କରାଯାଇଛି |
ନାଭସ୍ ଏବଂ ଟ୍ୟାବ୍ସ |
- ,, ଏବଂ ଶ୍ରେଣୀ ପାଇଁ ନୂତନ
null
ଭେରିଏବଲ୍ ଯୋଡିଛି |font-size
font-weight
color
:hover
color
.nav-link
ନାଭବର୍ସ |
- ଭାଙ୍ଗିବାନାଭବର୍ସ ବର୍ତ୍ତମାନ ଭିତରେ ଏକ ପାତ୍ର ଧାରଣ କରେ (ବ୍ୟବଧାନ ଆବଶ୍ୟକତା ଏବଂ CSS ଆବଶ୍ୟକତାକୁ ସରଳ କରିବାକୁ) |
ଅଫକାନଭାସ୍ |
- ନୂତନ ଅଫକାନଭାସ୍ ଉପାଦାନ ଯୋଗ କରାଯାଇଛି |
ପୃଷ୍ଠା
-
ପେଜିନେସନ୍ ଲିଙ୍କଗୁଡ଼ିକରେ ବର୍ତ୍ତମାନ କଷ୍ଟମାଇଜେବଲ୍ ଅଛି
margin-left
ଯାହା ପରସ୍ପରଠାରୁ ଅଲଗା ହେବା ସମୟରେ ଗତିଶୀଳ ଭାବରେ ସମସ୍ତ କୋଣରେ ଗୋଲାକାର | -
transition
ପୃଷ୍ଠା ଲିଙ୍କରେ s ଯୋଡା ଯାଇଛି |
ପପୋଭର୍ସ |
-
ଭାଙ୍ଗିବାଆମର ଡିଫଲ୍ଟ ପପଓଭର ଟେମ୍ପଲେଟରେ ନାମିତ
.arrow
|.popover-arrow
-
ର ନାମ ପରିବର୍ତ୍ତନ
whiteList
କରାଯାଇଛିallowList
|
ସ୍ପିନର୍ସ |
-
ସ୍ପିନରମାନେ ବର୍ତ୍ତମାନ
prefers-reduced-motion: reduce
ଆନିମେସନ୍ ମନ୍ଥର କରି ସମ୍ମାନିତ କରନ୍ତି | # 31882 ଦେଖନ୍ତୁ | -
ଉନ୍ନତ ସ୍ପିନର ଭୂଲମ୍ବ ଆଲାଇନ୍ମେଣ୍ଟ |
ଟୋଷ୍ଟ
-
ଟୋଷ୍ଟଗୁଡିକ ବର୍ତ୍ତମାନ ପୋଜିସନ୍ ୟୁଟିଲିଟିଜ୍ ସାହାଯ୍ୟରେ ଏକ ପୋଜିସନ୍ ହୋଇପାରିବ |
.toast-container
-
ଡିଫଲ୍ଟ ଟୋଷ୍ଟ ଅବଧି 5 ସେକେଣ୍ଡକୁ ପରିବର୍ତ୍ତନ କରାଯାଇଛି |
-
ଟୋଷ୍ଟରୁ ଅପସାରିତ ହୋଇଛି ଏବଂ ଫଙ୍କସନ୍
overflow: hidden
ସହିତ ସଠିକ୍border-radius
s ସହିତ ସ୍ଥାନିତ ହୋଇଛି |calc()
ସାଧନଗୁଡ଼ିକ
-
ଭାଙ୍ଗିବାଆମର ଡିଫଲ୍ଟ ଟୁଲ୍ ଟିପ୍ ଟେମ୍ପଲେଟ୍ ରେ
.arrow
ନାମିତ |.tooltip-arrow
-
ଭାଙ୍ଗିବାପପର୍ ଉପାଦାନଗୁଡିକର ଉନ୍ନତ ସ୍ଥାନିତ ପାଇଁ the ପାଇଁ ଡିଫଲ୍ଟ ମୂଲ୍ୟକୁ
fallbackPlacements
ପରିବର୍ତ୍ତନ କରାଯାଇଛି |['top', 'right', 'bottom', 'left']
-
ଭାଙ୍ଗିବାର ନାମ ପରିବର୍ତ୍ତନ
whiteList
କରାଯାଇଛିallowList
|
ଉପଯୋଗିତା
-
ଭାଙ୍ଗିବାRTL ସମର୍ଥନ ସହିତ ନିର୍ଦ୍ଦେଶନାତ୍ମକ ନାମ ପରିବର୍ତ୍ତେ ଲଜିକାଲ୍ ପ୍ରପର୍ଟି ନାମ ବ୍ୟବହାର କରିବାକୁ ଅନେକ ଉପଯୋଗିତାକୁ ପୁନ amed ନାମିତ କରାଗଲା:
- ନାମକରଣ
.left-*
ଏବଂ ଏବଂ ଏବଂ.right-*
_.start-*
.end-*
- ନାମକରଣ
.float-left
ଏବଂ ଏବଂ ଏବଂ.float-right
_.float-start
.float-end
- ନାମକରଣ
.border-left
ଏବଂ ଏବଂ ଏବଂ.border-right
_.border-start
.border-end
- ନାମକରଣ
.rounded-left
ଏବଂ ଏବଂ ଏବଂ.rounded-right
_.rounded-start
.rounded-end
- ନାମକରଣ
.ml-*
ଏବଂ ଏବଂ ଏବଂ.mr-*
_.ms-*
.me-*
- ନାମକରଣ
.pl-*
ଏବଂ ଏବଂ ଏବଂ.pr-*
_.ps-*
.pe-*
- ନାମକରଣ
.text-left
ଏବଂ ଏବଂ ଏବଂ.text-right
_.text-start
.text-end
- ନାମକରଣ
-
ଭାଙ୍ଗିବାଡିଫଲ୍ଟ ଭାବରେ ନକାରାତ୍ମକ ମାର୍ଜିନଗୁଡିକ ଅକ୍ଷମ କରନ୍ତୁ |
-
ଅତିରିକ୍ତ ଉପାଦାନଗୁଡ଼ିକରେ ଶୀଘ୍ର ପୃଷ୍ଠଭୂମି
.bg-body
ସେଟିଂ ପାଇଁ ନୂତନ ଶ୍ରେଣୀ ଯୋଡାଗଲା |<body>
-
ପାଇଁ , ଏବଂ , ପାଇଁ ନୂତନ ସ୍ଥିତି ଉପଯୋଗିତା ଯୋଗ କରାଯାଇଛି | ପ୍ରତ୍ୟେକ ସମ୍ପତ୍ତି ପାଇଁ ମୂଲ୍ୟ ଅନ୍ତର୍ଭୂକ୍ତ କରେ |
top
right
bottom
left
0
50%
100%
-
ଭୂସମାନ୍ତରାଳ କିମ୍ବା ଭୂଲମ୍ବ ଭାବରେ ସଂପୂର୍ଣ୍ଣ / ସ୍ଥିର ସ୍ଥିତ ଉପାଦାନଗୁଡ଼ିକରେ ନୂତନ
.translate-middle-x
ଏବଂ ଉପଯୋଗିତା ଯୋଗ କରାଯାଇଛି |.translate-middle-y
-
ନୂତନ
border-width
ଉପଯୋଗିତା ଯୋଗ କରାଯାଇଛି | -
ଭାଙ୍ଗିବାକୁ ପୁନ amed ନାମିତ
.text-monospace
କରାଯାଇଛି.font-monospace
| -
ଭାଙ୍ଗିବାପାଠ୍ୟ ଲୁଚାଇବା ପାଇଁ ଏହା ଏକ ପୁରାତନ ପଦ୍ଧତି ଭାବରେ ଅପସାରିତ
.text-hide
ହୋଇଛି ଯାହା ଆଉ ବ୍ୟବହାର କରାଯିବା ଉଚିତ ନୁହେଁ | -
.fs-*
ଉପଯୋଗିତା ପାଇଁ ଉପଯୋଗିତା ଯୋଗ କରାଯାଇଛିfont-size
(RFS ସକ୍ଷମ ସହିତ) | ଏମାନେ HTML ର ଡିଫଲ୍ଟ ହେଡିଙ୍ଗ୍ ସହିତ ସମାନ ସ୍କେଲ୍ ବ୍ୟବହାର କରନ୍ତି (1-6, ବଡ଼ରୁ ଛୋଟ), ଏବଂ ସାସ୍ ମାନଚିତ୍ର ମାଧ୍ୟମରେ ପରିବର୍ତ୍ତନ କରାଯାଇପାରିବ | -
ଭାଙ୍ଗିବାକ୍ଷୁଦ୍ରତା ଏବଂ ସ୍ଥିରତା ପାଇଁ
.font-weight-*
ଉପଯୋଗିତାଗୁଡ଼ିକର ନାମ ପରିବର୍ତ୍ତନ କରାଯାଇଛି |.fw-*
-
ଭାଙ୍ଗିବାକ୍ଷୁଦ୍ରତା ଏବଂ ସ୍ଥିରତା ପାଇଁ
.font-style-*
ଉପଯୋଗିତାଗୁଡ଼ିକର ନାମ ପରିବର୍ତ୍ତନ କରାଯାଇଛି |.fst-*
-
CSS ଗ୍ରୀଡ୍ ଏବଂ ଫ୍ଲେକ୍ସବକ୍ସ ଲେଆଉଟ୍ ପାଇଁ
.d-grid
ୟୁଟିଲିଟି ଏବଂ ନୂତନgap
ୟୁଟିଲିଟି ( ) ପ୍ରଦର୍ଶନ କରିବାକୁ ଯୋଡା ଯାଇଛି |.gap
-
ଭାଙ୍ଗିବାଅପସାରିତ ହୋଇଛି
.rounded-sm
ଏବଂrounded-lg
, ଏବଂ ଶ୍ରେଣୀର ଏକ ନୂତନ ସ୍କେଲ୍ ଉପସ୍ଥାପନ.rounded-0
କରିଛି.rounded-3
| # 31687 ଦେଖନ୍ତୁ | -
ନୂତନ
line-height
ଉପଯୋଗିତା.lh-1
ଯୋଗ କରାଯାଇଛି :,.lh-sm
ଏବଂ.lh-base
। ଏଠାରେ.lh-lg
ଦେଖନ୍ତୁ | -
.d-none
ଅନ୍ୟ CSS ଉପଯୋଗୀତା ଉପରେ ଏହାକୁ ଅଧିକ ଓଜନ ଦେବା ପାଇଁ ଆମର CSS ରେ ଉପଯୋଗିତାକୁ ଘୁଞ୍ଚାଇଲା | -
.visually-hidden-focusable
ବ୍ୟବହାର କରି ପାତ୍ରରେ କାମ କରିବାକୁ ହେଲପରକୁ ବିସ୍ତାର କର:focus-within
|
ସାହାଯ୍ୟକାରୀ
-
ଭାଙ୍ଗିବା ପ୍ରତିକ୍ରିୟାଶୀଳ ଏମ୍ବେଡ୍ ହେଲପର୍ ମାନଙ୍କୁ ନୂତନ ଶ୍ରେଣୀ ନାମ ଏବଂ ଉନ୍ନତ ଆଚରଣ ସହିତ ଅନୁପାତ ସହାୟକକାରୀଙ୍କ ନାମରେ ନାମିତ କରାଯାଇଛି, ଏବଂ ଏକ ସହାୟକ CSS ଭେରିଏବଲ୍ |
- ଦିଗ ଅନୁପାତରେ ପରିବର୍ତ୍ତନ
by
କରିବାକୁ ଶ୍ରେଣୀଗୁଡ଼ିକର ନାମ ପରିବର୍ତ୍ତନ କରାଯାଇଛି |x
ଉଦାହରଣ ସ୍ୱରୂପ,.ratio-16by9
ବର୍ତ୍ତମାନ ଅଟେ.ratio-16x9
| - ଆମେ
.embed-responsive-item
ଏକ ସରଳ ଚୟନକର୍ତ୍ତାଙ୍କ ସପକ୍ଷରେ ଏବଂ ଉପାଦାନ ଗୋଷ୍ଠୀ ଚୟନକର୍ତ୍ତାଙ୍କୁ.ratio > *
ଛାଡିଛୁ | ଆଉ କ class ଣସି ଶ୍ରେଣୀର ଆବଶ୍ୟକତା ନାହିଁ, ଏବଂ ଅନୁପାତ ସହାୟକ ବର୍ତ୍ତମାନ କ HTML ଣସି HTML ଉପାଦାନ ସହିତ କାମ କରେ | $embed-responsive-aspect-ratios
ସାସ୍ ମାନଚିତ୍ରର ନାମ ପରିବର୍ତ୍ତନ କରାଯାଇଛି ଏବଂ ଏହାର$aspect-ratios
ମୂଲ୍ୟଗୁଡିକ ଶ୍ରେଣୀ ନାମ ଏବଂ ଶତକଡାkey: value
ଯୋଡି ଭାବରେ ଅନ୍ତର୍ଭୂକ୍ତ କରିବା ପାଇଁ ସରଳୀକୃତ ହୋଇଛି |- CSS ଭେରିଏବଲ୍ ଗୁଡିକ ବର୍ତ୍ତମାନ ସୃଷ୍ଟି ହୋଇଛି ଏବଂ ସାସ୍ ମାନଚିତ୍ରରେ ପ୍ରତ୍ୟେକ ମୂଲ୍ୟ ପାଇଁ ଅନ୍ତର୍ଭୂକ୍ତ କରାଯାଇଛି | ଯେକ any ଣସି କଷ୍ଟମ୍ ଆସପେକ୍ଟ ଅନୁପାତ ସୃଷ୍ଟି କରିବାକୁ
--bs-aspect-ratio
ଭେରିଏବଲ୍ କୁ ପରିବର୍ତ୍ତନ କରନ୍ତୁ |.ratio
- ଦିଗ ଅନୁପାତରେ ପରିବର୍ତ୍ତନ
-
ଭାଙ୍ଗିବା “ସ୍କ୍ରିନ୍ ରିଡର୍” କ୍ଲାସ୍ଗୁଡ଼ିକ ବର୍ତ୍ତମାନ “ଭିଜୁଆଲ୍ ଲୁକ୍କାୟିତ” କ୍ଲାସ୍ |
- ସାସ୍ ଫାଇଲ୍ କୁ ବଦଳାଇଲା
scss/helpers/_screenreaders.scss
|scss/helpers/_visually-hidden.scss
- ନାମକରଣ
.sr-only
ଏବଂ.sr-only-focusable
ଏବଂ.visually-hidden
ଏବଂ.visually-hidden-focusable
- ଏବଂ ଏହାର ନାମ ପରିବର୍ତ୍ତନ
sr-only()
ଏବଂsr-only-focusable()
ମିଶ୍ରିତ |visually-hidden()
visually-hidden-focusable()
- ସାସ୍ ଫାଇଲ୍ କୁ ବଦଳାଇଲା
-
bootstrap-utilities.css
ବର୍ତ୍ତମାନ ଆମର ସହାୟକମାନଙ୍କୁ ମଧ୍ୟ ଅନ୍ତର୍ଭୁକ୍ତ କରେ | କଷ୍ଟମ ବିଲ୍ଡରେ ହେଲପରମାନଙ୍କୁ ଆମଦାନୀ କରିବା ଆବଶ୍ୟକ ନାହିଁ |
ଜାଭାସ୍କ୍ରିପ୍ଟ |
-
ନିୟମିତ ଜାଭାସ୍କ୍ରିପ୍ଟରେ ରହିବାକୁ jQuery ନିର୍ଭରଶୀଳତା ଏବଂ ପ୍ଲଗଇନଗୁଡ଼ିକୁ ପୁନ r ଲିଖନ କର |
-
ଭାଙ୍ଗିବାସମସ୍ତ ଜାଭାସ୍କ୍ରିପ୍ଟ ପ୍ଲଗଇନ୍ ପାଇଁ ଡାଟା ଆଟ୍ରିବ୍ୟୁଟ୍ ବର୍ତ୍ତମାନ ବୁଟ୍ ଷ୍ଟ୍ରାପ୍ କାର୍ଯ୍ୟକାରିତାକୁ ତୃତୀୟ ପକ୍ଷ ଏବଂ ଆପଣଙ୍କ ନିଜ କୋଡ୍ ଠାରୁ ଭିନ୍ନ କରିବାରେ ସାହାଯ୍ୟ କରିବାକୁ ନାମ ସ୍ଥାନିତ ହୋଇଛି | ଉଦାହରଣ ସ୍ୱରୂପ, ଆମେ
data-bs-toggle
ଏହା ବଦଳରେ ବ୍ୟବହାର କରୁdata-toggle
| -
ସମସ୍ତ ପ୍ଲଗଇନ୍ ବର୍ତ୍ତମାନ ପ୍ରଥମ ଆର୍ଗୁମେଣ୍ଟ୍ ଭାବରେ ଏକ CSS ଚୟନକର୍ତ୍ତା ଗ୍ରହଣ କରିପାରିବ | ପ୍ଲଗଇନ୍ ର ଏକ ନୂତନ ଉଦାହରଣ ସୃଷ୍ଟି କରିବାକୁ ଆପଣ ଏକ DOM ଉପାଦାନ କିମ୍ବା ଯେକ valid ଣସି ବ valid ଧ CSS ଚୟନକର୍ତ୍ତା ପାସ୍ କରିପାରିବେ:
var modal = new bootstrap.Modal('#myModal') var dropdown = new bootstrap.Dropdown('[data-bs-toggle="dropdown"]')
-
popperConfig
ଏକ ଫଙ୍କସନ୍ ଭାବରେ ପାସ୍ ହୋଇପାରେ ଯାହା ବୁଟଷ୍ଟ୍ରାପ୍ ର ଡିଫଲ୍ଟ ପପର୍ ବିନ୍ୟାସକୁ ଏକ ଯୁକ୍ତି ଭାବରେ ଗ୍ରହଣ କରେ, ଯାହା ଦ୍ you ାରା ତୁମେ ଏହି ଡିଫଲ୍ଟ ବିନ୍ୟାସକୁ ତୁମ ପଥରେ ମିଶ୍ରଣ କରିପାରିବ | ଡ୍ରପଡାଉନ୍, ପପୋଭର, ଏବଂ ଟୁଲଟିପ୍ ପାଇଁ ପ୍ରଯୁଜ୍ୟ | -
ପପର୍ ଉପାଦାନଗୁଡିକର ଉନ୍ନତ ସ୍ଥାନିତ ପାଇଁ the ପାଇଁ ଡିଫଲ୍ଟ ମୂଲ୍ୟକୁ
fallbackPlacements
ପରିବର୍ତ୍ତନ କରାଯାଇଛି | ଡ୍ରପଡାଉନ୍, ପପୋଭର, ଏବଂ ଟୁଲଟିପ୍ ପାଇଁ ପ୍ରଯୁଜ୍ୟ |['top', 'right', 'bottom', 'left']
-
_getInstance()
Public ପରି ସର୍ବସାଧାରଣ ଷ୍ଟାଟିକ୍ ପଦ୍ଧତିରୁ ଅଣ୍ଡରସ୍କୋର୍ ଅପସାରିତgetInstance()
|