Bootstrap Nedir?
Yayın: · Son güncelleme:
Bootstrap Nedir? Kısaca
Bootstrap, hazır CSS sınıfları, ızgara (grid) sistemi ve bileşenler sunarak mobil uyumlu web sayfalarını hızlıca tasarlamayı sağlayan açık kaynaklı bir CSS çatısıdır. İlk olarak Twitter ekibi tarafından geliştirilmiştir.
Bootstrap nedir?
Bootstrap, web sayfalarını sıfırdan CSS yazmadan, hazır sınıflarla tasarlamayı sağlayan bir ön yüz çatısıdır. 2011'de Twitter mühendisleri tarafından şirket içi araçlarda tutarlı görünüm sağlamak için geliştirildi ve açık kaynak olarak yayımlandı. Kelime anlamı "kendi imkânlarıyla başlatmak"tır.
İçinde düğmeler, formlar, gezinme çubukları, modal pencereler ve kartlar gibi hazır bileşenler bulunur. Bir HTML öğesine doğru sınıfı eklemeniz, ona Bootstrap görünümünü kazandırmaya yeter.
Nasıl kullanılır?
Bootstrap'in temeli 12 sütunlu ızgara sistemidir. Örneğin col-md-4 sınıfı verilen üç kutu, tablet ve üstü ekranlarda yan yana dizilir, telefonda ise alt alta geçer. Böylece ayrı bir mobil tasarım yapmadan responsive tasarım elde edilir.
Bir düğme için class="btn btn-primary" yazmak, renkli ve köşeleri yuvarlatılmış bir buton oluşturur. Çatıyı projeye bir CDN bağlantısıyla ya da npm üzerinden eklemek mümkündür.
Avantajları ve sınırları
Bootstrap, özellikle yönetim paneli, prototip ya da kurumsal iç araçlarda zaman kazandırır. Tasarımcısı olmayan küçük bir ekip bile düzgün görünen bir arayüz çıkarabilir.
Dezavantajı, özelleştirilmeyen sitelerin birbirine benzemesidir. Ayrıca kullanılmayan bileşenler dosya boyutunu büyütebilir. Kendi renklerinizi ve yazı tiplerinizi Sass değişkenleriyle ayarlamak ve yalnız ihtiyaç duyduğunuz parçaları dahil etmek, bu iki sorunu büyük ölçüde çözer.
Sıkça Sorulan Sorular
Bootstrap ne demek?
İngilizcede dışarıdan yardım almadan bir işi başlatmak anlamına gelir. Web geliştirmede ise hazır CSS ve JavaScript bileşenleri sunan popüler ön yüz çatısının adıdır.
Bootstrap mu Tailwind CSS mi?
Bootstrap hazır bileşenlerle hızlı başlangıç sağlar. Tailwind ise küçük yardımcı sınıflarla tamamen size özel tasarımı kolaylaştırır. Projenin özgün tasarım ihtiyacına göre seçmek mantıklıdır.