v5 লৈ প্ৰব্ৰজন কৰা হৈছে
বুটষ্ট্ৰেপ উৎস নথিপত্ৰসমূহ, আলেখ্যন, আৰু অংশসমূহলে পৰিবৰ্তনসমূহ অনুসৰণ কৰক আৰু পৰ্যালোচনা কৰক আপোনাক v4 ৰ পৰা v5 লৈ প্ৰব্ৰজন কৰাত সহায় কৰিবলে ।
নিৰ্ভৰশীলতাসমূহ
- jQuery বাদ দিলে।
- Popper v1.x ৰ পৰা Popper v2.x লৈ উন্নয়ন কৰা হৈছে।
- Libsass ৰ সলনি Dart Sass ৰ সৈতে সলনি কৰা হ'ল কাৰণ আমাৰ Sass কম্পাইলাৰক Libsass দিয়া হৈছিল অপ্ৰয়োজন কৰা হৈছিল।
- আমাৰ নথিপত্ৰ নিৰ্মাণৰ বাবে Jekyll ৰ পৰা Hugo লৈ প্ৰব্ৰজন কৰা হৈছে
ব্ৰাউজাৰ সমৰ্থন
- ইণ্টাৰনেট এক্সপ্ল’ৰাৰ ১০ আৰু ১১ বাদ দিলে
- ড্ৰপ কৰা হৈছে মাইক্ৰ'ছফ্ট এজ < 16 (লিগেচি এজ)
- ফায়াৰফক্স < 60 বাদ দিয়া হৈছে
- ড্ৰপ কৰা হৈছে ছাফাৰী < 12
- ড্ৰপ কৰা হৈছে iOS Safari < 12
- ড্ৰপ কৰা হৈছে Chrome < 60
নথিপত্ৰ সলনি হয়
- পুনৰ নিৰ্মাণ কৰা হোমপেজ, নথিপত্ৰ বিন্যাস, আৰু ফুটাৰ।
- নতুন পাৰ্চেল গাইড যোগ কৰা হৈছে ।
- নতুন স্বনিৰ্বাচিত অংশ যোগ কৰা হৈছে, v4 ৰ থিমিং পৃষ্ঠা সলনি কৰি, Sass, গোলকীয় বিন্যাস বিকল্পসমূহ, ৰঙৰ আঁচনিসমূহ, CSS চলকসমূহ, আৰু অধিকত নতুন বিৱৰণৰ সৈতে।
- সকল��� প্ৰপত্ৰৰ নথিপত্ৰক নতুন প্ৰপত্ৰ অংশত পুনৰ সংগঠিত কৰা হৈছে , বিষয়বস্তুক অধিক কেন্দ্ৰীভূত পৃষ্ঠাসমূহত বিভাজিত কৰি।
- একেদৰে, পৰিকল্পনা অংশ আপডেইট কৰা হৈছে , গ্ৰীড বিষয়বস্তু অধিক স্পষ্টভাৱে মাংস আউট কৰিবলে।
- “Navs” উপাদান পৃষ্ঠাক “Navs & Tabs” লৈ পুনৰ নামকৰণ কৰা হৈছে।
- “Checks” পৃষ্ঠাক “Checks & radios” লৈ পুনৰ নামকৰণ কৰা হৈছে।
- আমাৰ চাইটসমূহ আৰু নথিপত্ৰসমূহ সংস্কৰণসমূহৰ চাৰিওফালে সহজে যাবলৈ navbar পুনৰ ডিজাইন কৰা হৈছে আৰু এটা নতুন subnav যোগ কৰা হৈছে।
- সন্ধান ক্ষেত্ৰৰ বাবে নতুন কিবৰ্ড চৰ্টকাট যোগ কৰা হৈছে: Ctrl + /.
ছাছ
-
আমি অবিকল্পিত Sass মেপ মাৰ্জসমূহ ডিচ কৰিছো যাতে অতিৰিক্ত মানসমূহ আঁতৰোৱাটো সহজ হয়। মনত ৰাখিব আপুনি এতিয়া Sass মেপসমূহত সকলো মান সংজ্ঞায়িত কৰিব লাগিব যেনে
$theme-colors
. Sass মেপৰ সৈতে কেনেকৈ মোকাবিলা কৰিব লাগে চাওক । -
ব্ৰেকিং কৰা
color-yiq()
ফাংচন আৰু সম্পৰ্কীয় চলকসমূহক পুনৰনামকৰণ কৰা হৈছেcolor-contrast()
কাৰণ ই YIQ ৰঙৰ স্থানৰ সৈতে আৰু সম্পৰ্কিত নহয় । #৩০১৬৮ চাওক।$yiq-contrasted-threshold
ৰ নাম সলনি কৰা হৈছে$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
-
ব্ৰেকিং কৰাপ্ৰিন্ট শৈলী আৰু
$enable-print-styles
চলক আঁতৰোৱা হৈছে। প্ৰিন্ট প্ৰদৰ্শন শ্ৰেণীসমূহ এতিয়াও আছে। #২৮৩৩৯ চাওক । -
ব্ৰেকিং কৰাড্ৰপ কৰা হৈছে
color()
,theme-color()
, আৰুgray()
চলকসমূহৰ সপক্ষে ফাংচনসমূহ। #২৯০৮৩ চাওক । -
ব্ৰেকিং কৰা
theme-color-level()
ফাংচনক পুনৰনামকৰণ কৰা হৈছে আৰুcolor-level()
এতিয়া কেৱল ৰঙৰ পৰিবৰ্তে আপুনি বিচৰা যিকোনো ৰং গ্ৰহণ কৰে$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()
-
ব্ৰেকিং কৰাSass ৰ নিজৰ ৰঙৰ স্কেলিং ফাংচনৰ সৈতে সংঘৰ্ষ এৰাই চলিবলৈ
scale-color()
ফাংচনক পুনৰনামকৰণ কৰা হৈছে।shift-color()
-
box-shadow
mixins এতিয়া মানসমূহৰ অনুমতি দিয়ে আৰু একাধিক যুক্তিৰ পৰাnull
ড্ৰপ কৰে। #৩০৩৯৪ চাওক ।none
-
মিক্সিনৰ এতিয়া
border-radius()
এটা অবিকল্পিত মান আছে।
ৰঙৰ ব্যৱস্থা
-
ৰং ব্যৱস্থা যিয়ে কাম কৰিছিল
color-level()
আৰু$theme-color-interval
নতুন ৰঙৰ ব্যৱস্থাৰ সপক্ষে আঁতৰাই পেলোৱা হৈছিল। আমাৰ ক'ডবেছত থকা সকলোlighten()
আৰু ফাংচনসমূহ আৰু দ্বাৰা সলনি কৰা হৈছে । এই ফাংচনসমূহে ৰংটোক নিৰ্দিষ্ট পৰিমাণে লঘুতা সলনি কৰাৰ পৰিৱৰ্তে বগা বা ক’লা ৰঙৰ সৈতে মিহলাই দিব। ইয়াৰ ওজনৰ প্ৰাচল ধনাত্মক বা ঋণাত্মক হোৱাৰ ওপৰত নিৰ্ভৰ কৰি এটা ৰং টিন্ট বা ছাঁ দিব। অধিক জানিবলৈ #30622 চাওক ।darken()
tint-color()
shade-color()
shift-color()
-
প্ৰতিটো ৰঙৰ বাবে নতুন টিন্ট আৰু শ্বেড যোগ কৰা হৈছে, প্ৰতিটো ভিত্তি ৰঙৰ বাবে নটা পৃথক ৰং প্ৰদান কৰি, নতুন Sass চলক হিচাপে।
-
উন্নত ৰঙৰ কনট্ৰাষ্ট। 3:1 ৰ পৰা 4.5:1 লৈ বাম্প কৰা ৰঙৰ কনট্ৰাষ্ট অনুপাত আৰু WCAG 2.1 AA কনট্ৰাষ্ট নিশ্চিত কৰিবলৈ নীলা, সেউজীয়া, চাইয়ান, আৰু গোলাপী ৰং আপডেট কৰা হৈছে। লগতে আমাৰ ৰঙৰ কনট্ৰাষ্ট ৰং সলনি
$gray-900
কৰি$black
. -
আমাৰ ৰং ব্যৱস্থাপ্ৰণালী সমৰ্থন কৰিবলৈ, আমি আমাৰ ৰংসমূহ উপযুক্তভাৱে মিহলাবলৈ নতুন কাষ্টম
tint-color()
আৰু কাৰ্য্যসমূহ যোগ কৰিছো।shade-color()
গ্ৰীড আপডেটসমূহ
-
নতুন ব্ৰেকপইন্ট! আৰু আপৰ বাবে নতুন
xxl
ব্ৰেকপইণ্ট যোগ কৰা হৈছে।1400px
আন সকলো ব্ৰেকপইণ্টত কোনো পৰিৱৰ্তন নহয়। -
উন্নত নালা।
1.5rem
নালাসমূহ এতিয়া rems ত সংহতি কৰা হৈছে, আৰু v4 ( , বা প্ৰায়24px
, ৰ পৰা তললৈ ) তকৈ সংকীৰ্ণ30px
। ই আমাৰ গ্ৰীড ব্যৱস্থাৰ নালাসমূহক আমাৰ স্পেচিং ইউটিলিটিসমূহৰ সৈতে প্ৰান্তিককৰণ কৰে।- অনুভূমিক/উলম্ব নালা, অনুভূমিক নালা, আৰু উলম্ব নালা নিয়ন্ত্ৰণ কৰিবলে নতুন নালা শ্ৰেণী (
.g-*
,.gx-*
, আৰু ) যোগ কৰা হৈছে।.gy-*
- ব্ৰেকিং কৰানতুন নালা সঁজুলিসমূহৰ সৈতে মিলাবলৈ পুনৰ নামকৰণ
.no-gutters
কৰা হৈছে।.g-0
- অনুভূমিক/উলম্ব নালা, অনুভূমিক নালা, আৰু উলম্ব নালা নিয়ন্ত্ৰণ কৰিবলে নতুন নালা শ্ৰেণী (
-
স্তম্ভসমূহ আৰু প্ৰযোজ্য হোৱা নাই , গতিকে সেই আচৰণ পুনৰুদ্ধাৰ কৰিবলে
position: relative
আপুনি কিছুমান উপাদানত যোগ কৰিব লাগিব ।.position-relative
-
ব্ৰেকিং কৰাপ্ৰায়ে অব্যৱহৃত হৈ যোৱা কেইবাটাও
.order-*
ক্লাছ বাদ দিলে। আমি এতিয়া কেৱল আউট অৱ দ্য বক্সৰ বাবেহে প্ৰদান.order-1
কৰোঁ ।.order-5
-
ব্ৰেকিং কৰাউপাদানটো বাদ দিলে
.media
কাৰণ ইয়াক সঁজুলিসমূহৰ সৈতে সহজে প্ৰতিলিপি কৰিব পাৰি। এটা উদাহৰণৰ বাবে #28265 আৰু flex সঁজুলিসমূহ পৃষ্ঠা চাওক । -
ব্ৰেকিং কৰা
bootstrap-grid.css
box-sizing: border-box
এতিয়া কেৱল গোলকীয় বাকচ-আকাৰ পুনৰায় সেট কৰাৰ পৰিবৰ্তে স্তম্ভত প্ৰযোজ্য । এইদৰে আমাৰ গ্ৰীড শৈলীসমূহ অধিক ঠাইত হস্তক্ষেপ নোহোৱাকৈ ব্যৱহাৰ কৰিব পাৰি। -
$enable-grid-classes
ধাৰক শ্ৰেণীসমূহৰ প্ৰজন্ম আৰু নিষ্ক্ৰিয় নকৰে। #২৯১৪৬ চাওক। -
make-col
এটা ধাৰ্য্য কৰা আকাৰ অবিহনে সমান স্তম্ভসমূহলে অবিকল্পিতভাৱে মিক্সিনক আপডেইট কৰা হৈছে ।
কন্টেন্ট, ৰিবুট আদি
-
RFS এতিয়া অবিকল্পিতভাৱে সামৰ্থবান কৰা হৈছে । মিক্সিন ব্যৱহাৰ কৰা
font-size()
শিৰোনামসমূহে স্বয়ংক্ৰিয়ভাৱে ভিউপৰ্টৰfont-size
সৈতে তেওঁলোকৰ স্কেল কৰিবলৈ সামঞ্জস্য কৰিব। এই বৈশিষ্ট্য পূৰ্বতে v4 ৰ সৈতে অপ্ট-ইন আছিল। -
ব্ৰেকিং কৰা
$display-*
আমাৰ চলকসমূহ সলনি কৰিবলৈ আৰু এটা$display-font-sizes
Sass মেপৰ সৈতে আমাৰ প্ৰদৰ্শন টাইপোগ্ৰাফী অভাৰহ'ল কৰিলোঁ ।$display-*-weight
লগতে এটা একক$display-font-weight
আৰু সামঞ্জস্য কৰাfont-size
s ৰ বাবে ব্যক্তিগত চলকসমূহ আঁতৰাই পেলোৱা হৈছে । -
দুটা নতুন
.display-*
শিৰোনাম আকাৰ যোগ কৰা হৈছে,.display-5
আৰু.display-6
. -
সংযোগসমূহ অবিকল্পিতভাৱে আণ্ডাৰলাইন কৰা হয় (কেৱল হোভাৰত নহয়), যদিহে সিহত নিৰ্দিষ্ট উপাদানসমূহৰ অংশ নহয়।
-
সিহতৰ শৈলীসমূহ সতেজ কৰিবলে আৰু ষ্টাইলিঙৰ ওপৰত অধিক নিয়ন্ত্ৰণৰ বাবে CSS চলকসমূহৰ সৈতে সিহতক পুনৰ নিৰ্মাণ কৰিবলে টেবুলসমূহ পুনৰায় ডিজাইন কৰা হৈছে।
-
ব্ৰেকিং কৰানেষ্টেড টেবুলসমূহে আৰু শৈলীসমূহ উত্তৰাধিকাৰী নহয়।
-
ব্ৰেকিং কৰা
.thead-light
আৰু সকলো টেবুল উপাদানৰ বাবে ব্যৱহাৰ কৰিব পৰা ভিন্ন শ্ৰেণীসমূহৰ.thead-dark
সপক্ষে বাদ দিয়া হয় ( , , , , আৰু ) ।.table-*
thead
tbody
tfoot
tr
th
td
-
ব্ৰেকিং কৰা
table-row-variant()
মিক্সিনক পুনৰ নামকৰণ কৰা হয় আৰুtable-variant()
মাত্ৰ ২টা প্ৰাচল গ্ৰহণ কৰে:$color
(ৰঙৰ নাম) আৰু$value
(ৰঙৰ ক'ড)। টেবুল ফ্যাক্টৰ চলকৰ ওপৰত ভিত্তি কৰি সীমাৰ ৰং আৰু উচ্চাৰণৰ ৰং স্বয়ংক্ৰিয়ভাৱে গণনা কৰা হয়। -
-y
টেবুল কোষ পেডিং চলকসমূহক আৰু ত বিভক্ত কৰক-x
। -
ব্ৰেকিং কৰা
.pre-scrollable
ক্লাছ বাদ দিলে । #২৯১৩৫ চাওক -
ব্ৰেকিং কৰা
.text-*
সঁজুলিসমূহে সংযোগসমূহত আৰু হ'ভাৰ আৰু ফ'কাচ অৱস্থাসমূহ যোগ নকৰে।.link-*
ইয়াৰ পৰিৱৰ্তে সহায়ক শ্ৰেণীসমূহ ব্যৱহাৰ কৰিব পাৰি। #২৯২৬৭ চাওক -
ব্ৰেকিং কৰা
.text-justify
ক্লাছ বাদ দিলে । #২৯৭৯৩ চাওক -
অবিকল্পিত অনুভূমিক
padding-left
অন<ul>
আৰু<ol>
উপাদানসমূহ ব্ৰাউজাৰৰ পৰা অবিকল্পিতলৈ40px
পুনৰায় সেট কৰক2rem
। -
যোগ কৰা হৈছে
$enable-smooth-scroll
, যি গোলকীয়ভাৱে প্ৰযোজ্য — মাধ্যম প্ৰশ্নৰscroll-behavior: smooth
যোগেদি হ্ৰাস কৰা গতি বিচৰা ব্যৱহাৰকাৰীসকলৰ বাহিৰে । #৩১৮৭৭ চাওকprefers-reduced-motion
আৰ টি এল
- অনুভূমিক দিশ নিৰ্দিষ্ট চলকসমূহ, সঁজুলিসমূহ, আৰু মিক্সিনসমূহ সকলোকে পুনৰ নামকৰণ কৰা হৈছে flexbox পৰিকল্পনাসমূহত পোৱাৰ দৰে যুক্তিসংগত বৈশিষ্ট্যসমূহ ব্যৱহাৰ কৰিবলে—যেনে,
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
ৰ ওপৰত কাষ্টম শৈলীৰে সলনি কৰা হৈছে.form-control
।.custom-range
এতিয়া.form-range
.- ড্ৰপ নেটিভ
.form-control-file
আৰু.form-control-range
.
-
ব্ৰেকিং কৰাড্ৰপ
.input-group-append
আৰু.input-group-prepend
. আপুনি এতিয়া কেৱল বুটামসমূহ আৰু.input-group-text
ইনপুট গোটসমূহৰ প্ৰত্যক্ষ সন্তান হিচাপে যোগ কৰিব পাৰিব। -
বৈধকৰণ প্ৰতিক্ৰিয়া বাগৰ সৈতে ইনপুট গোটত দীৰ্ঘদিনীয়া অনুপস্থিত সীমা ব্যাসাৰ্ধক অৱশেষত বৈধকৰণৰ সৈতে ইনপুট গোটসমূহত এটা অতিৰিক্ত
.has-validation
শ্ৰেণী যোগ কৰি সমাধান কৰা হয়। -
ব্ৰেকিং কৰা আমাৰ গ্ৰীড ব্যৱস্থাপ্ৰণালীৰ বাবে ফৰ্ম-নিৰ্দিষ্ট বিন্যাস শ্ৰেণীসমূহ বাদ দিয়া হৈছে।
.form-group
,.form-row
, বা ৰ পৰিবৰ্তে আমাৰ গ্ৰীড আৰু উপযোগীতাসমূহ ব্যৱহাৰ কৰক.form-inline
। -
ব্ৰেকিং কৰাফৰ্ম লেবেলসমূহৰ বাবে এতিয়া প্ৰয়োজন
.form-label
। -
ব্ৰেকিং কৰা
.form-text
আৰু সংহতি নকৰেdisplay
, আপোনাক HTML উপাদান সলনি কৰি আপুনি বিচৰা ধৰণে ইনলাইন বা ব্লক সহায় লিখনী সৃষ্টি কৰাৰ অনুমতি দিয়ে। -
<select>
বৈধকৰণ আইকনসমূহ আৰু s ৰ সৈতে প্ৰয়োগ কৰা নহয়multiple
। -
ৰ অন্তৰ্গত উৎস Sass নথিপত্ৰসমূহ পুনৰায় সাজি উলিওৱা হৈছে
scss/forms/
, ইনপুট গোট শৈলীসমূহ অন্তৰ্ভুক্ত কৰি।
উপাদানসমূহ
- আমাৰ চলকৰ ওপৰত ভিত্তি কৰি সতৰ্কবাণী, ব্ৰেডক্ৰাম, কাৰ্ড, ড্ৰপডাউন, তালিকা গোট, মডাল, পপঅভাৰ
padding
, আৰু সঁজুলি টিপছৰ বাবে একত্ৰিত মানসমূহ । #৩০৫৬৪ চাওক ।$spacer
একৰ্ডিয়ন
- নতুন একৰ্ডিয়ন উপাদান যোগ কৰা হৈছে ।
সতৰ্কবাণীসমূহ
-
সতৰ্কবাণীসমূহত এতিয়া আইকনসমূহৰ সৈতে উদাহৰণ আছে ।
-
<hr>
প্ৰতিটো সতৰ্কবাণীত s ৰ বাবে স্বনিৰ্বাচিত শৈলীসমূহ আঁতৰোৱা হৈছে যিহেতু সিহঁতে ইতিমধ্যে ব্যৱহাৰ কৰেcurrentColor
।
বেজ
-
ব্ৰেকিং কৰাপটভূমি সঁজুলিসমূহৰ বাবে সকলো
.badge-*
ৰঙৰ শ্ৰেণী বাদ দিয়া হৈছে (যেনে,.bg-primary
ৰ পৰিবৰ্তে ব্যৱহাৰ কৰক.badge-primary
) । -
ব্ৰেকিং কৰাবাদ দিয়া হৈছে —ইয়াৰ পৰিবৰ্তে সঁজুলি ব্যৱহাৰ
.badge-pill
কৰক ।.rounded-pill
-
ব্ৰেকিং কৰা
<a>
আৰু<button>
উপাদানসমূহৰ বাবে হোভাৰ আৰু ফ'কাচ শৈলীসমূহ আঁতৰোৱা হৈছে । -
/ ৰ পৰা
.25em
/.5em
লৈ বেজসমূহৰ বাবে অবিকল্পিত পেডিং বৃদ্ধি কৰা হৈছে ।.35em
.65em
ব্ৰেডক্ৰামছ
-
padding
,background-color
, আৰু আঁতৰাই ব্ৰেডক্ৰামৰ অবিকল্পিত ৰূপ সৰল কৰা হৈছেborder-radius
। -
--bs-breadcrumb-divider
CSS পুনৰায় সংকলন কৰাৰ প্ৰয়োজন নোহোৱাকৈ সহজ স্বনিৰ্বাচনৰ বাবে নতুন CSS স্বনিৰ্বাচিত বৈশিষ্ট্য যোগ কৰা হৈছে।
বুটামসমূহ
-
ব্ৰেকিং কৰা টগল বুটামসমূহ , চেকবাক্স বা ৰেডিঅ'সমূহৰ সৈতে, আৰু জাভাস্ক্রিপ্টৰ প্ৰয়োজন নাই আৰু নতুন মাৰ্কআপ আছে। আমাক আৰু এটা ৰেপিং উপাদানৰ প্ৰয়োজন নাই, ত যোগ কৰক
.btn-check
,শ্ৰেণীৰ<input>
সৈতে যোৰ কৰক। #৩০৬৫০ চাওক । ইয়াৰ বাবে নথিপত্ৰসমূহ আমাৰ বুটামসমূহ পৃষ্ঠাৰ পৰা নতুন প্ৰপত্ৰসমূহ অংশলৈ স্থানান্তৰ কৰা হৈছে।.btn
<label>
-
ব্ৰেকিং কৰা ইউটিলিটিৰ
.btn-block
বাবে বাদ দিয়া হৈছে।.btn-block
ত ব্যৱহাৰ কৰাৰ পৰিবৰ্তে.btn
, আপোনাৰ বুটামসমূহ আৰু প্ৰয়োজন অনুসৰি সিহতক স্থান দিবলৈ.d-grid
এটা সঁজুলিৰে ৰেপ কৰক ।.gap-*
ইয়াৰ ওপৰত আৰু অধিক নিয়ন্ত্ৰণৰ বাবে প্ৰতিক্ৰিয়াশীল শ্ৰেণীসমূহলৈ সলনি কৰক। কিছুমান উদাহৰণৰ বাবে docs পঢ়ক। -
অতিৰিক্ত প্ৰাচলসমূহ সমৰ্থন কৰিবলে আমাৰ
button-variant()
আৰু মিক্সিনসমূহ আপডেট কৰা হৈছে।button-outline-variant()
-
হোভাৰ আৰু সক্ৰিয় অৱস্থাসমূহত বৃদ্ধি কৰা কনট্ৰাষ্ট সুনিশ্চিত কৰিবলে আপডেইট কৰা বুটামসমূহ।
-
নিষ্ক্ৰিয় বুটামসমূহত এতিয়া আছে
pointer-events: none;
।
কাৰ্ড
-
ব্ৰেকিং কৰা
.card-deck
আমাৰ গ্ৰীডৰ সপক্ষে ড্ৰপ কৰিলে। আপোনাৰ কাৰ্ডসমূহক স্তম্ভ শ্ৰেণীসমূহত ৰেপ কৰক আৰু.row-cols-*
কাৰ্ড ডেকসমূহ পুনৰায় সৃষ্টি কৰিবলে এটা মূল ধাৰক যোগ কৰক (কিন্তু প্ৰতিক্ৰিয়াশীল প্ৰান্তিককৰণৰ ওপৰত অধিক নিয়ন্ত্ৰণৰ সৈতে)। -
ব্ৰেকিং কৰাৰাজমিস্ত্ৰীৰ
.card-columns
সপক্ষে বাদ দিলে। #২৮৯২২ চাওক । -
ব্ৰেকিং কৰা
.card
ভিত্তি একৰ্ডিয়নক এটা নতুন একৰ্ডিয়ন উপাদানৰ সৈতে সলনি কৰা হৈছে ।
কেৰউজেল
-
গাঢ় লিখনী, নিয়ন্ত্ৰণসমূহ, আৰু সূচকৰ বাবে নতুন
.carousel-dark
ভিন্নতা যোগ কৰা হৈছে (পাতল পটভূমিৰ বাবে অতি উত্তম)। -
বুটষ্ট্ৰেপ আইকনসমূহৰ পৰা নতুন SVGs ৰ সৈতে কেৰউজেল নিয়ন্ত্ৰণসমূহৰ বাবে chevron আইকনসমূহ সলনি কৰা হৈছে ।
বন্ধ কৰক বুটাম
-
ব্ৰেকিং কৰাকম সাধাৰণ নামৰ বাবে পুনৰ নামকৰণ
.close
কৰা হৈছে ।.btn-close
-
বন্ধ বুটামসমূহে এতিয়া HTML ত
background-image
এটাৰ পৰিবৰ্তে এটা (এম্বেড কৰা SVG) ব্যৱহাৰ×
কৰে, আপোনাৰ মাৰ্কআপ স্পৰ্শ কৰাৰ প্ৰয়োজন নোহোৱাকৈ সহজ স্বনিৰ্বাচনৰ অনুমতি দিয়ে। -
নতুন
.btn-close-white
ভিন্নতা যোগ কৰা হৈছে যিfilter: invert(1)
গাঢ় পটভূমিৰ বিপৰীতে উচ্চ কনট্ৰাষ্ট ডিমিছ আইকনসমূহ সামৰ্থবান কৰিবলে ব্যৱহাৰ কৰে।
পতন হোৱা
- একৰ্ডিয়নৰ বাবে স্ক্ৰল এংকৰিং আঁতৰোৱা হৈছে।
ড্ৰপডাউনসমূহ
-
অন-ডিমাণ্ড ডাৰ্ক ড্ৰপডাউনসমূহৰ বাবে নতুন
.dropdown-menu-dark
ভিন্নতা আৰু সংশ্লিষ্ট চলকসমূহ যোগ কৰা হৈছে। -
ৰ বাবে নতুন চলক যোগ কৰা হৈছে
$dropdown-padding-x
। -
উন্নত কনট্ৰাষ্টৰ বাবে ড্ৰপডাউন ডিভাইডাৰক আন্ধাৰ কৰিলে।
-
ব্ৰেকিং কৰাড্ৰপডাউনৰ বাবে সকলো ইভেন্ট এতিয়া ড্ৰপডাউন টগল বুটামত ট্ৰিগাৰ কৰা হয় আৰু তাৰ পিছত মূল উপাদানলৈ বাবল কৰা হয়।
-
ড্ৰপডাউন মেনুসমূহত এতিয়া এটা
data-bs-popper="static"
বৈশিষ্ট্য সংহতি কৰা হৈছে যেতিয়া ড্ৰপডাউনৰ অৱস্থান স্থিতিশীল আৰুdata-bs-popper="none"
যেতিয়া ড্ৰপডাউন নেভবাৰত থাকে। এইটো আমাৰ জাভাস্ক্রিপ্টৰ দ্বাৰা যোগ কৰা হৈছে আৰু ই আমাক পপাৰৰ অৱস্থানত বাধা নিদিয়াকৈ কাষ্টম পজিচন শৈলী ব্যৱহাৰ কৰাত সহায় কৰে। -
ব্ৰেকিং কৰা
flip
স্থানীয় Popper বিন্যাসৰ সপক্ষে ড্ৰপডাউন প্লাগইনৰ বাবে বিকল্প বাদ দিয়া হৈছে। আপুনি এতিয়া ফ্লিপ পৰিবৰ্তকতfallbackPlacements
বিকল্পৰ বাবে এটা খালী এৰে পাছ কৰি ফ্লিপিং আচৰণ নিষ্ক্ৰিয় কৰিব পাৰিব। -
ড্ৰপডাউন মেনুসমূহ এতিয়া স্বয়ংক্ৰিয় বন্ধ আচৰণ
autoClose
নিয়ন্ত্ৰণ কৰিবলে এটা নতুন বিকল্পৰ সৈতে ক্লিক কৰিব পাৰি । আপুনি এই বিকল্প ব্যৱহাৰ কৰিব পাৰে ড্ৰপডাউন মেনুৰ ভিতৰত বা বাহিৰত ক্লিক গ্ৰহণ কৰিবলে ইয়াক পাৰস্পৰিক কৰিবলে। -
.dropdown-item
ড্ৰপডাউনসমূহে এতিয়া s ত ৰেপ কৰা s সমৰ্থন কৰে<li>
।
জাম্বোট্ৰন
- ব্ৰেকিং কৰাজাম্ব'ট্ৰন উপাদানটো বাদ দিলে কাৰণ ইয়াক ইউটিলিটিসমূহৰ সৈতে প্ৰতিলিপি কৰিব পাৰি। এটা ডেমোৰ বাবে আমাৰ নতুন Jumbotron উদাহৰণ চাওক।
তালিকা গোট
- তালিকা গোটসমূহত নতুন
.list-group-numbered
পৰিবৰ্তক যোগ কৰা হৈছে।
Navs আৰু টেবসমূহ
- , , , আৰু শ্ৰেণীত নতুন
null
চলক যোগ কৰা হৈছে ।font-size
font-weight
color
:hover
color
.nav-link
নৱবৰ
- ব্ৰেকিং কৰাNavbars ৰ বাবে এতিয়া এটা ধাৰকৰ প্ৰয়োজন (ব্যৱধানৰ প্ৰয়োজনীয়তা আৰু CSS ৰ প্ৰয়োজনীয়তা অতিশয় সৰল কৰিবলে)।
অফকেনভাছ
- নতুন অফকেনভাছ উপাদান যোগ কৰা হৈছে ।
পেজিনেচন
-
পৃষ্ঠা সংযোগসমূহ এতিয়া স্বনিৰ্বাচিত
margin-left
কৰিব পৰা আছে যি ইটোৱে সিটোৰ পৰা পৃথক কৰিলে সকলো চুকত গতিশীলভাৱে ঘূৰণীয়া কৰা হয়। -
transition
পৃষ্ঠা সংযোগ সংযোগসমূহত s যোগ কৰা হৈছে।
Popovers
-
ব্ৰেকিং কৰাআমাৰ অবিকল্পিত popover সাঁচত পুনৰনামকৰণ
.arrow
কৰা হৈছে।.popover-arrow
-
বিকল্পক পুনৰ নামকৰণ
whiteList
কৰা হৈছেallowList
.
স্পিনাৰ্ছ
-
prefers-reduced-motion: reduce
স্পিনাৰসকলে এতিয়া এনিমেচন লেহেমীয়া কৰি সন্মান কৰে। #৩১৮৮২ চাওক । -
উন্নত স্পিনাৰ উলম্ব প্ৰান্তিককৰণ।
টোষ্ট
-
টোষ্টসমূহক এতিয়া ইউটিলিটিসমূহৰ স্থান নিৰ্ধাৰণৰ
.toast-container
সহায়ত এটাত স্থাপন কৰিব পাৰি । -
অবিকল্পিত টোষ্টৰ সময়কাল ৫ ছেকেণ্ডলৈ সলনি কৰা হৈছে।
-
overflow: hidden
টোষ্টৰ পৰা আঁতৰাই ফাংচনৰ সৈতে প্ৰপাৰ sborder-radius
ৰ সৈতে সলনি কৰাcalc()
হয়।
সঁজুলিৰ টিপছ
-
ব্ৰেকিং কৰাআমাৰ অবিকল্পিত সঁজুলিটিপ সাঁচত পুনৰ নামকৰণ
.arrow
কৰা হৈছে।.tooltip-arrow
-
ব্ৰেকিং কৰাpopper উপাদানসমূহৰ উন্নত স্থানৰ বাবে ৰ বাবে অবিকল্পিত মান
fallbackPlacements
সলনি কৰা হৈছে ।['top', 'right', 'bottom', 'left']
-
ব্ৰেকিং কৰাবিকল্পক পুনৰ নামকৰণ
whiteList
কৰা হৈছেallowList
.
উপযোগীতাসমূহ
-
ব্ৰেকিং কৰাRTL সমৰ্থন যোগ কৰি দিশগত নামৰ পৰিবৰ্তে লজিকেল বৈশিষ্ট্যৰ নাম ব্যৱহাৰ কৰিবলে কেইবাটাও সঁজুলিৰ পুনৰনামকৰণ কৰা হৈছে:
- পুনৰনামকৰণ কৰা হৈছে
.left-*
আৰু.right-*
to.start-*
আৰু.end-*
. - পুনৰনামকৰণ কৰা হৈছে
.float-left
আৰু.float-right
to.float-start
আৰু.float-end
. - পুনৰনামকৰণ কৰা হৈছে
.border-left
আৰু.border-right
to.border-start
আৰু.border-end
. - পুনৰনামকৰণ কৰা হৈছে
.rounded-left
আৰু.rounded-right
to.rounded-start
আৰু.rounded-end
. - পুনৰনামকৰণ কৰা হৈছে
.ml-*
আৰু.mr-*
to.ms-*
আৰু.me-*
. - পুনৰনামকৰণ কৰা হৈছে
.pl-*
আৰু.pr-*
to.ps-*
আৰু.pe-*
. - পুনৰনামকৰণ কৰা হৈছে
.text-left
আৰু.text-right
to.text-start
আৰু.text-end
.
- পুনৰনামকৰণ কৰা হৈছে
-
ব্ৰেকিং কৰাঅবিকল্পিতভাৱে ঋণাত্মক মাৰ্জিনসমূহ নিষ্ক্ৰিয় কৰা হৈছে।
-
's পটভূমি অতিৰিক্ত উপাদানসমূহলৈ
.bg-body
দ্ৰুতভাৱে সংহতি কৰাৰ বাবে নতুন শ্ৰেণী যোগ কৰা হৈছে।<body>
-
, , , আৰু . _ _ মানসমূহে প্ৰতিটো বৈশিষ্ট্যৰ বাবে , , আৰু অন্তৰ্ভুক্ত কৰে।
top
right
bottom
left
0
50%
100%
-
অনুভূমিকভাৱে বা উলম্বভাৱে কেন্দ্ৰ নিৰপেক্ষ/স্থিৰ অৱস্থান কৰা উপাদানসমূহত নতুন
.translate-middle-x
আৰু সঁজুলিসমূহ যোগ কৰা হৈছে।.translate-middle-y
-
নতুন
border-width
উপযোগীতাসমূহ যোগ কৰা হৈছে । -
ব্ৰেকিং কৰাপুনৰ নামকৰণ
.text-monospace
কৰা হৈছে.font-monospace
. -
ব্ৰেকিং কৰাআঁতৰোৱা হৈছে
.text-hide
কাৰণ ই লিখনী লুকুৱাবলৈ এটা পুৰণি পদ্ধতি যিটো আৰু ব্যৱহাৰ কৰা উচিত নহয়। -
.fs-*
সঁজুলিসমূহৰ বাবে সঁজুলিসমূহ যোগ কৰা হৈছেfont-size
(RFS সামৰ্থবান কৰাৰ সৈতে)। এইবোৰে HTML ৰ অবিকল্পিত শিৰোনামসমূহৰ দৰে একেটা স্কেল ব্যৱহাৰ কৰে (1-6, ডাঙৰৰ পৰা সৰুলৈ), আৰু Sass মেপৰ যোগেদি পৰিবৰ্তন কৰিব পাৰি। -
ব্ৰেকিং কৰাসংক্ষিপ্ততা আৰু সামঞ্জস্যতাৰ বাবে
.font-weight-*
উপযোগীতাসমূহৰ পুনৰ নামকৰণ কৰা হৈছে।.fw-*
-
ব্ৰেকিং কৰাসংক্ষিপ্ততা আৰু সামঞ্জস্যতাৰ বাবে
.font-style-*
উপযোগীতাসমূহৰ পুনৰ নামকৰণ কৰা হৈছে।.fst-*
-
CSS গ্ৰীড আৰু ফ্লেক্সবক্স পৰিকল্পনাসমূহৰ বাবে
.d-grid
সঁজুলিসমূহ আৰু নতুন সঁজুলিসমূহ প্ৰদৰ্শন কৰিবলে যোগ কৰা হৈছেgap
( ) ।.gap
-
ব্ৰেকিং কৰাআঁতৰোৱা হৈছে
.rounded-sm
আৰুrounded-lg
, আৰু শ্ৰেণীসমূহৰ এটা নতুন স্কেল প্ৰৱৰ্তন কৰা.rounded-0
হৈছে ,.rounded-3
. #৩১৬৮৭ চাওক । -
নতুন
line-height
সঁজুলিসমূহ যোগ কৰা হৈছে:.lh-1
,.lh-sm
,.lh-base
আৰু.lh-lg
. ইয়াত চাওক ৷ -
.d-none
আমাৰ CSS ত সঁজুলিটোক অন্য প্ৰদৰ্শন সঁজুলিসমূহৰ ওপৰত অধিক ওজন দিবলৈ স্থানান্তৰ কৰা হৈছে । -
.visually-hidden-focusable
সহায়কক কণ্টেইনাৰসমূহতো কাম কৰিবলৈ সম্প্ৰসাৰিত কৰা হৈছে , ব্যৱহাৰ কৰি:focus-within
।
সহায়কসকল
-
ব্ৰেকিং কৰা প্ৰতিক্ৰিয়াশীল এম্বেড সহায়কসকলক নতুন শ্ৰেণী নাম আৰু উন্নত আচৰণৰ সৈতে অনুপাত সহায়কসমূহলৈ পুনৰ নামকৰণ কৰা হৈছে , লগতে এটা সহায়ক CSS চলক।
- ক্লাছসমূহৰ নাম সলনি
by
কৰিx
এস্পেক্ট ৰেচিঅ’ত সলনি কৰা হৈছে। উদাহৰণস্বৰূপে,.ratio-16by9
এতিয়া.ratio-16x9
. - আমি
.embed-responsive-item
আৰু উপাদান গোট নিৰ্বাচকটো এটা সৰল নিৰ্বাচকৰ সপক্ষে বাদ দিছো.ratio > *
। আৰু কোনো শ্ৰেণীৰ প্ৰয়োজন নাই, আৰু অনুপাত সহায়কে এতিয়া যিকোনো HTML উপাদানৰ সৈতে কাম কৰে। $embed-responsive-aspect-ratios
Sass মেপক পুনৰ নামকৰণ কৰা হৈছে আৰু$aspect-ratios
ইয়াৰ মানসমূহ সৰল কৰা হৈছে যাতে শ্ৰেণীৰ নাম আৰু শতাংশকkey: value
যোৰ হিচাপে অন্তৰ্ভুক্ত কৰিব পাৰি।- CSS চলকসমূহ এতিয়া সৃষ্টি কৰা হৈছে আৰু Sass মেপত প্ৰতিটো মানৰ বাবে অন্তৰ্ভুক্ত কৰা হৈছে। যিকোনো স্বনিৰ্বাচিত দিশ অনুপাত
--bs-aspect-ratio
সৃষ্টি কৰিবলৈ চলক পৰিবৰ্তন কৰক ।.ratio
- ক্লাছসমূহৰ নাম সলনি
-
ব্ৰেকিং কৰা “স্ক্ৰীণ ৰিডাৰ” শ্ৰেণীসমূহ এতিয়া “দৃশ্যমানভাৱে লুকাই থকা” শ্ৰেণীসমূহ ৷
- Sass ফাইলটো ৰ পৰা
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()
.
- Sass ফাইলটো ৰ পৰা
-
bootstrap-utilities.css
এতিয়া আমাৰ সহায়কসকলকো অন্তৰ্ভুক্ত কৰা হৈছে। সহায়কসমূহক আৰু কাষ্টম বিল্ডসমূহত আমদানি কৰাৰ প্ৰয়োজন নাই।
জাভাস্ক্রিপ্ট
-
jQuery নিৰ্ভৰশীলতা বাদ দিলে আৰু নিয়মীয়া জাভাস্ক্রিপ্টত থাকিবলৈ প্লাগ-ইনসমূহ পুনৰ লিখিলে।
-
ব্ৰেকিং কৰাসকলো JavaScript প্লাগইনসমূহৰ বাবে তথ্য বৈশিষ্ট্যসমূহ এতিয়া নামস্থান দিয়া হৈছে তৃতীয় পক্ষ আৰু আপোনাৰ নিজৰ ক'ডৰ পৰা Bootstrap কাৰ্য্যকৰীতাক পৃথক কৰাত সহায় কৰিবলে। উদাহৰণস্বৰূপে, আমি
data-bs-toggle
ৰ সলনি ব্যৱহাৰ কৰোdata-toggle
। -
সকলো প্লাগ-ইন এতিয়া এটা CSS নিৰ্বাচক প্ৰথম যুক্তি হিচাপে গ্ৰহণ কৰিব পাৰিব। আপুনি হয় এটা DOM উপাদান বা যিকোনো বৈধ CSS নিৰ্বাচক পাছ কৰিব পাৰে প্লাগ-ইনৰ এটা নতুন উদাহৰণ সৃষ্টি কৰিবলে:
var modal = new bootstrap.Modal('#myModal') var dropdown = new bootstrap.Dropdown('[data-bs-toggle="dropdown"]')
-
popperConfig
এটা ফলন হিচাপে পাছ কৰিব পাৰি যি Bootstrap ৰ অবিকল্পিত Popper বিন্যাসক এটা যুক্তি হিচাপে গ্ৰহণ কৰে, যাতে আপুনি এই অবিকল্পিত বিন্যাস আপোনাৰ ধৰণে একত্ৰিত কৰিব পাৰে । ড্ৰপডাউন, পপঅভাৰ, আৰু টুলটিপসমূহৰ বাবে প্ৰযোজ্য। -
Popper উপাদানসমূহৰ উন্নত স্থানৰ বাবে ৰ বাবে অবিকল্পিত মান
fallbackPlacements
সলনি কৰা হৈছে । ড্ৰপডাউন, পপঅভাৰ, আৰু টুলটিপসমূহৰ বাবে প্ৰযোজ্য।['top', 'right', 'bottom', 'left']
-
_getInstance()
→ ৰ দৰে ৰাজহুৱা স্থিতিশীল পদ্ধতিৰ পৰা আণ্ডাৰস্ক'ৰ আঁতৰোৱা হৈছেgetInstance()
।