Bootstrap 5 Sınıf- Class İsmi Değişiklikleri

Bildiğimiz gibi 2021 başı ile artık bootstrap 4 yerini bootstrap 5 e bıraktı. Tabiki hala bootstrap 4 kullanabilirsiniz. Ancak yavaş yavaş bootstrap 5 e geçmeye başlamanızı tavsiye ederim.

Bootstrap öğrenceklerin ise kesinlikle bootstrap 5 ile devam etmeleri gerekiyor.

Peki biz bootstrap 4 ü boşuna mı öğrendik tabiki hayır bootstrap 3-4 arasındkai fark kadar bir fark yok temel farkları da bootstrap resmi sitesinden aldım ve sizler için listeledim. Aşağıdan değişen sınıfları inceleyebilirsiniz.

•  .dropleft ve .dropright artık .dropstart ve .dropend.
•  .dropdown-menu-*-left ve .dropdown-menu-*-right artık .dropdown-menu-*-start ve .dropdown-menu-*-end.
•  .bs-popover-left ve .bs-popover-right artık .bs-popover-start ve .bs-popover-end.
•  .bs-tooltip-left ve .bs-tooltip-right artık .bs-tooltip-start ve .bs-tooltip-end.
•  .carousel-item-left ve .carousel-item-right artık .carousel-item-start ve .carousel-item-end.
•  .left-* ve .right-* artık .start-* ve .end-*.
•  .float-left ve .float-right artık .float-start ve .float-end.
•  .border-left ve .border-right artık .border-start ve .border-end.
• .rounded-left ve .rounded-right artık .rounded-start ve .rounded-end.
•  .ml-* ve .mr-* to .ms-* ve .me-*.
•  .pl-* ve .pr-* to .ps-* ve .pe-*.
•  .text-left ve .text-right artık .text-start ve .text-end.
• border-left-radius() ve border-right-radius() artık border-start-radius() ve border-end-radius()
• caret-left() vecaret-right() artık caret-start() ve caret-end()
•  $navbar-brand-margin-right artık $navbar-brand-margin-end.
•  $pagination-margin-left artık $pagination-margin-start.
•  $form-check-padding-left artık $form-check-padding-start.
• $form-switch-padding-left artık $form-switch-padding-start.
• $form-check-inline-margin-right artık $form-check-inline-margin-end.
• $form-select-feedback-icon-padding-right artık $form-select-feedback-icon-padding-end.