alexa  Menu
web sitesi
bootstrap-4-beta
Bootstrap 4.0.0 Beta artık yayında.

  12.08.2017 ,   1 yorum ,   288 kez okundu.

20.08.2015 tarihinde Bootstrap 4.0 Alpha sürümünün yayınlanması hakkında paylaşımda bulunmuştum. Dün Bootstrap 4.0.0 Beta sürümü yayınlandı ve Bootstrap resmi sitesinde artık  Bootstrap 3 değil 4 gösterilmekte.

Kendi blog sayfalarındaki bilgiye dayanarak şunları söyleyebiliriz: 2 sene zarfında 5000 commit, 650+ sayfa değişikliği, 67000 satır eklemesi, 82.000 satır silinmesi sonucu Beta versiyonu yayınlanmış. Yani baya bir uğraşılmış. Açıkcası biraz inceledim ve gerçekten güzel şeyler eklenmiş durumda. Sürekli Bootstrap kullanan biri olarak bu değişiklik çok işime yarayacak gibi duruyor.


Hangi yenilikler var?

  • Öncelikle Less`ten Sass`a geçiş yapılmış.
  • Grid yapısı daha da geliştirilmiş. Flexbox desteği eklenmiş.
  • Grid yapısı aşağıdaki şekilde güncellenmiş. Extra small cihazlar için col-xs yerine sadece col- kullanılmış. Container max genişliği sınıflandırmalara göre değişmiş. Şöyle ki, extra large yani col-xl- sınıfı eklenmiş:
Extra small
<576px
Small
≥576px
Medium
≥768px
Large
≥992px
Extra large
≥1200px
Max container width None (auto) 540px 720px 960px 1140px
Class prefix .col- .col-sm- .col-md- .col-lg- .col-xl-
# of columns 12
Gutter width 30px (15px on each side of a column)
Nestable Yes
Column ordering Yes
  • Panel sınıfı iptal edilmiş ve Card sınıfı oluşturulmuş
    .panel sınıfı .card olarak değiştirilmiş ve flexbox uygunlanmış.
    .panel-default silinmiş.
    .panel-group silinmiş. .card-group eklenmiş ama aynı şeyler değil bir birinden farklı.
    .panel-heading iptal edilmiş .card-header oluşturulmuş.
    .panel-title iptal edilmiş .card-title oluşturulmuş. Fakat panel-title dan daha farlı görüntü sergilemektedir.
    .panel-body iptal edilmiş .card-body oluşturulmuş.
    .panel-footer iptal edilmiş .card-footer oluşturulmuş.
  • Normalize.css yerine kullanmanız için yeni Css modülü eklenmiş. Bootstrap-Reboot.
  • Tüm Javascript pluginleri yeniden yazılmış.
  • Popper.js adlı bir kitaplık sayesinde araç ipuçlarının, popover’ların ve açılır menülerin otomatik olarak yerleştirilmesi geliştirilmiş.
  • Dökümantasyon sayfası yeniden dizayn edilmiş ve arama özelliği eklenmiş. Ki bu çok süper bir özellik 🙂

Ve tabiki bunların dışında birçok yeni özellik, yeni tasarım mevcut.

Örneğin:

  • Navbar artık siyah beyaz yerine diğer renklerde de sunulmuş.
  • Carousel tasarımı biraz değişmiş.
  • Bazı komponentlerde dikey hizalama özelliği sunulmuş.
  • Border sınıfları eklenmiş yani istediğiniz nesnelere kenarlıklar hatta renkli kenarlıklar verebilirsiniz.
  • Border-radius sınıfı geliştirilmiş. İstediğiniz nesnelerin sadece sağ veya sol ve s. alanını yuvarlak yapabilirsiniz.
  • Glyphicons iptal edilmiş. Bootstrap dahilinde ikonlar yok artık. Fakat hangisini kullanmanız daha iyi olur diye tavsiyede bulunulmuş.

Arkadaşlar özelliklerden bahsedecek olursak bu konu çok uzar. Sadece paylaşarak bilginiz olsun istedim. Yenilikleri görmek için durmayın deneyin derim 🙂

1 yıldız2 yıldız3 yıldız4 yıldız5 yıldız (No Ratings Yet)
Loading...

1 yorum yapılmış
  1. Defne Konca

    Bilgilendirme için teşekkürler

    03.10.2017, 13:26:53

Yorum yapın..