# Bootstrap

Adres: https://softwaredictionary.org/tr/terimler/bootstrap
Kategori: Web Geliştirme
Son güncelleme: 2026-10-06
Okunuşu: butstrep

Kısaca: Bootstrap, duyarlı bir grid ile buton, navbar ve modal gibi hazır bileşenler sunan ücretsiz bir CSS framework'üdür; HTML'e sınıf ekleyerek kullanılır.

## Bootstrap nedir?

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ı.

## Önemli noktalar

- Bootstrap, hazır bileşenler ve duyarlı bir grid sunan bir CSS framework'üdür.
- Sayfalar, HTML'e `btn` ve `col-md-6` gibi sınıflar eklenerek biçimlendirilir.
- Grid 12 sütunludur ve kırılma noktalarıyla ekran boyutlarına uyum sağlar.
- Sürüm 5'ten beri JavaScript bileşenleri jQuery gerektirmez.
- Bootstrap size bitmiş bir görünüm verir; Tailwind ise kendi tasarımınızı kurmanız için utility'ler verir.

## Örnek: Bootstrap kartıyla duyarlı, iki sütunlu bir yerleşim

```html
<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/bootstrap@5.3.8/dist/css/bootstrap.min.css">

<div class="container">
  <div class="row">
    <div class="col-md-8">Main content: full width on phones, 8 of 12 columns from medium screens</div>
    <div class="col-md-4">
      <div class="card">
        <div class="card-body">
          <h5 class="card-title">Newsletter</h5>
          <button class="btn btn-primary">Subscribe</button>
        </div>
      </div>
    </div>
  </div>
</div>
```

## Sık sorulan sorular

**Bootstrap hâlâ kullanılıyor mu?**

Evet. Özellikle yönetim panellerinde, şirket içi araçlarda ve hızlı prototiplerde hâlâ en yaygın CSS framework'lerinden biridir; yine de pek çok yeni proje Tailwind CSS'i ya da kendi framework'ü için yapılmış bir bileşen kütüphanesini seçiyor.

**Bootstrap ile Tailwind CSS arasındaki fark nedir?**

Bootstrap, tanıdık bir varsayılan tasarımı olan hazır bileşenler sunar. Tailwind ise alt düzey utility sınıfları sunar; kendi tasarımınızı ve bileşenlerinizi bunlardan kurarsınız.

**Bootstrap jQuery gerektirir mi?**

Bootstrap 5'ten beri gerektirmez. Sürüm 4 ve öncesi, etkileşimli bileşenleri için jQuery kullanıyordu; sürüm 5 bunları sade JavaScript ile yeniden yazdı ve Popper kütüphanesini yalnızca açılır menüleri, tooltip'leri ve popover'ları konumlandırmak için kullanır.

## Kaynaklar

- [Bootstrap documentation: Get started with Bootstrap](https://getbootstrap.com/docs/5.3/getting-started/introduction/)

---

Software Dictionary: https://softwaredictionary.org/tr · https://softwaredictionary.org/tr/llms.txt