Bootstrap

Bootstrap, Twitter'da Mark Otto ve Jacob Thornton tarafından geliştirildi ve 2011'de açık kaynak olarak yayımlandı. Size bir stil dosyası ve bir JavaScript dosyası verir: bunları sayfanıza bağlar, HTML'inize btn btn-primary ya da card gibi sınıf adları eklersiniz ve kendiniz CSS yazmadan tutarlı butonlar, formlar, kartlar, gezinme çubukları, uyarılar ve diyalog pencereleri elde edersiniz.

Yerleşim sistemi flexbox üzerine kurulu 12 sütunlu bir grid'dir. İçeriği bir container içine koyar, row ile satırlara böler ve her sütuna ekran boyutuna göre bir genişlik verirsiniz; örneğin col-md-6 orta boy ekranlardan itibaren genişliğin yarısını, daha küçük ekranlarda ise tamamını kaplar. Açılır menü, modal ve karusel gibi etkileşimli bileşenler JavaScript eklentileriyle gelir; 2021'de çıkan Bootstrap 5'ten beri bu eklentilerin jQuery'ye ihtiyacı yoktur. Güncel sürüm olan 5.3 koyu renk modu ekler; kaynak kod Sass ile yazıldığından renkleri, boşlukları ve yazı tiplerini değiştirebilir, kullanmadığınız parçaları dışarıda bırakabilirsiniz.

Bootstrap eşyalı bir daireye benzer: hemen taşınıp çalışmaya başlayabilirsiniz, ama görünümü değiştirmek emek ister; pek çok Bootstrap sitesinin birbirine benzemesi bu yüzdendir. Temiz ve tanıdık bir tasarımın özgün bir tasarımdan daha önemli olduğu yönetim panellerinde, şirket içi araçlarda ve prototiplerde hâlâ yaygındır.

En sık Tailwind CSS ile karşılaştırılır. Bootstrap kendi görünümü olan hazır bileşenler sunar, bu yüzden bir kart tek bir sınıftır; Tailwind ise p-4 ve rounded-lg gibi küçük utility sınıfları sunar ve her tasarımı bunlardan siz kurarsınız. Bootstrap'in de utility sınıfları vardır, Tailwind üzerine kurulu bileşen kütüphaneleri de bulunur; ama çıkış noktaları farklıdır: bir yanda hazır bir tasarım, öbür yanda yapı taşları.