Bootstrap CSS Çatısı

Son zamanlarda ilgimi çeken bir CSS tasarım çatısıyla ilgileniyorum. Adı Bootstrap. Ben bu yazıyı yazarken güncel sürümü 3.0.3. Bootstrap ile esnek (responsive) tasarımlar yapılıyor. Esnek tasarım araçlarının yanında ek olarak bir de bileşen çatısı var. Bileşen çatısı sayesinde birçok tasarım öğesi hazır olarak kullanılabiliyor. Bileşen listesini sıralamak gerekirse, şöyle;

  • İkon seti (Glyphicons)
  • Açılır menü (Dropdowns)
  • Buton grupları (Button Groups)
  • Buton açılır menüler (Button Dropdowns)
  • Girdi grupları (İnput)
  • Navigasyonlar (Navs, Navbar)
  • Ekmek kırıntıları (Breadcrumb)
  • Sayfalama (Pagination)
  • Etiketleme (Label)
  • Rozetleme (Badge)
  • Giriş sunumu (Jumbotron)
  • Sayfa başlığı (Page Header)
  • Küçük resim (Thumbnail)
  • Uyarılar (Alerts)
  • İlerleme çubukları (Progess Bars)
  • Medya objeleri (Media Objets)
  • Liste grupları (List Group)
  • Paneller (Panels)
  • Güzel kutular (Wells)

Bunlar sadece bileşenler. Bu listeye dahil olmayan temel sayfa öğeleri (tablolar, tipografi, ızgara, form vd.) de var. Ayrıca ek olarak Javascript betikleriyle de sayfa sunumu daha iyi bir hale getirilebiliyor.