Bootstrap Nedir? | Bootstrap ile Responsive Web Tasarım

Bootstrap hem kullanıcı arayüzü tasarımcılarının hemde yazılım geliştiricilerin vazgeçilmez bir frameworkü haline gelmiş açık kaynak bir HTML, CSS ve js kütüphanelerini barındıran günümüzün en kullanışlı yapılarından biridir. Peki bu yapıyı kullanmak çok mu zor diye düşünebilirsiniz. Fakat hiç öyle değil. Temel seviyede HTML, CSS ve js bilmeniz yeterli olacaktır. 100% responsive yani mobil uyumlu siteler yapmanıza yardımcı ve sitenin arayüzünü sizin istediniz hale sokmakta mükemmel bir yardımcı.

En güncel ve stable olan Bootstrap 4 hakkında ilk aşamada nasıl entegre edeceğiz? Bu sorunun cevabına bakalım.

Yöntemler:

1. GitHub üzerinden açık kaynak kodları ile indirip kendi sistemimizde kullanabiliriz.
   https://github.com/twbs/bootstrap/ adresinden tags içinde en son güncel ve stable versiyonu görebiliriz.
   
   buradan indirirek şu ağaç yapısını kullanabiliriz:

   bootstrap/└── dist/    ├── css/    │   ├── bootstrap-grid.css    │   ├── bootstrap-grid.css.map    │   ├── bootstrap-grid.min.css    │   ├── bootstrap-grid.min.css.map    │   ├── bootstrap-reboot.css    │   ├── bootstrap-reboot.css.map    │   ├── bootstrap-reboot.min.css    │   ├── bootstrap-reboot.min.css.map    │   ├── bootstrap.css    │   ├── bootstrap.css.map    │   ├── bootstrap.min.css    │   └── bootstrap.min.css.map    └── js/        ├── bootstrap.bundle.js        ├── bootstrap.bundle.js.map        ├── bootstrap.bundle.min.js        ├── bootstrap.bundle.min.js.map        ├── bootstrap.js        ├── bootstrap.js.map        ├── bootstrap.min.js        └── bootstrap.min.js.map

    örnek index.html dosyasında kullanım şekli :

   dosya linki

2. Yöntem ise cdn kullanarak index.html e entegre etmek.
   dosya linki