Bootstrap

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.
0 0 vote
Article Rating
Subscribe
Bildir
guest
0 Yorum
Inline Feedbacks
View all comments