Bootstrap, Twitter tarafından geliştirilen, internet siteleri ve mobil uygulamaların geliştirme sürecinde kullanılan açık kaynak kodlu ve ücretsiz bir CSS frameworküdür. Bootstap’ın en önemli özelliklerinden birisi responsive tasarımlar yapmaya olanak sağlamasıdır. Böylelikle masaüstü, tablet ve telefon gibi farklı boyutlara sahip cihazların hepsinde kullanıcıların aynı görüntüyü görme fırsatı olur. Boyutlarını bağlanan cihaza göre ayarlayabilen bu web tasarım aracı günümüzde son derece popüler olan ‘responsive’ internet sitesi kavramının altını doldurmaktadır.
Bootstrap, Twitter içerisindeki bir ekip tarafından geliştirilmiştir ve HTML, CSS, ve JavaScript kodlarının birleşimi bir frameworktür. Aynı zamanda CSS3 ve HTML5’i de desteklemektedir. Bir internet sitesinin tasarım aşamasında kullanılan h1, h5, a, div, sapan gibi bütün etiketlere sahip olan Bootstrap, tasarımın ve işlevselliğin bir arada olmasını sağlayan bir tasarım aracıdır. Bootstrap, kullanıcıların tasarımlar oluşturma süreçlerinde zamandan tasarruf etmesini sağlarken bir diğer amacı da responsive yani mobil dostu siteler üretebilmektir.
Responsive site, bir internet sitesinin mobil, tablet, masaüstü gibi farklı cihazlardan girildiğinde, giren cihazın boyutuna göre şekillenmesi, ekranı doldurması anlamına gelmektedir. Bu şekilde kullanıcılar, internet sitesine girdiğinde herhangi bir sorunla karşılaşmadan siteyi kullanabilmektedirler. İşte Bootstrap tam olarak bu probleme çözüm getirmektedir.
Bootstrap ile, sliderlar, bilgilendirme kutuları, yükleme barları, dropdown menüler, navigasyon bar, tablolar, form öğeleri gibi bir internet sitesinin tasarım ihtiyacı olan bütün elementleri yapabilirsiniz. Bunları yapabilmek için izlemeniz gereken tek yol Boot strap’ın internet sitesine girip ilgili kodları projenize eklemek ve kendi isteğinize göre düzenlemek. Boot strap, tarayıcı uyumsuzluklarına getirdiği çözümle de, tasarımcıların korkulu rüyalarından birini daha yok etmeyi başardı.
Boot strap ile oluşturulan projeler, Opera, Google Chrome, Mozilla Firefox, Safari, Microsoft Edge gibi bütün büyük tarayıcılarla uyumlu olarak çalışıyor ve böylelikle herhangi bir tarayıcı uyumsuzluğu meydana gelmemiş oluyor. Ayrıca mobil dostu tasarımlar için tasarımcıların işini çok kolaylaştıracak ızgara (grid) sistemini de desteklemektedir.
Bootstrap Nasıl Kullanılır?
Bootstrap, hazır bir sistem olmasından dolayı kullanıcı, bütün elementler için kodları kopyala yapıştır yaparak dahi kullanabilir. Ama bundan önce yapılması gereken bazı noktalar bulunmakta. Öncelikle açılan sayfa Html5 olmalı ve Jquery scripti ile Boot strap için CSS dosyasını sayfaya eklemelisiniz. Sayfanızda kullanacağınız bütün elementler için referans noktanız, Boo tstrap’ın internet sitesi getbootstrap.com olmalı. İstediğiniz bir elementin kodlarını bu sitede belirtilen şekilde kopyalayıp projenize yapıştırabilir ve isterseniz değişiklik yapabilirsiniz.
Bootstrap Nasıl Çalışıyor?
Bootstrap temelde şu mantık ile çalışıyor. Bir satır 12 sütuna bölünüyor ve bu sütunlar farklı genişliğe sahip cihazların ölçeğine göre genişleyip daralabiliyor. Bu esnekliğin kazandırılmasıyla birlikte, sütunların farklı cihazlardaki görünüm şekli değişiyor, o cihaza uyum sağlayabiliyor.
Boot stap’ın bünyesinde hazır unsurlar bulundurması, geliştiricilerin kolayca kopyala yapıştır yaparak responsive sayfalar oluşturabilmesine imkan sağlıyor. Boot strap’ın bu özelliği, bir tasarımcının tasarım süresini çok büyük oranda kısaltırken, işe odaklanmada ayrılan süre arttığı için verimliliği de arttırıyor.
Bootstrap’ın Özellikleri
- HTML öğelerinin çoğunluğu için sahip olunan temel stiller (buton, simge, tipografi, kod, tablo)
- Grid (ızgara) sisteminin desteklenmesi
- Kapsamlı bileşenler
- Bünyesinde barındırdığı JavaScript eklentileri
- Kullanımının ve entegre edilmesinin kolay olması
Sonuç olarak, Boot strap hazır bir kod yapılanması ile kullanıcının karşısına çıkan ve kullanıcılarının mobil dostu internet siteleri üretmesine olanak sağlayan bir framework. Tamamen ücretsiz ve açık kaynak kodlu olan bu framework, telefon, masaüstü bilgisayar veya tablet gibi cihazların farklı boyutlarına karşı sitenin tasarımını korumak isteyen, girilen cihaza göre internet sitesinin kendisini adapte etmesine olanak sağlayan bir tasarım iskeleti.
