Bootstrap nedir? Nasıl Kullanılır?

Bootstrap, Twitter tarafından geliştirilen ücretsiz, açık kaynak kodlu ve iş yükünü oldukça oldukça hafifleten HTML / CSS / JS kütüphanesidir. 04 Aralık 2020

Bootstrap nedir?

Bootstrap, Twitter tarafından geliştirilen ücretsiz, açık kaynak kodlu ve iş yükünü oldukça oldukça hafifleten HTML / CSS / JS kütüphanesidir. Neredeyse her web tarayıcı ile uyumlu altyapısı ve kütüphanesinde web tasarımcıların işini kolaylaştıracak birçok bileşeni barındırması sebebi ile kullanım alanı oldukça geniştir.

 

Bootstrap'in Kullanım Alanları

Bir internet sitesi yaratmak için gerekli olan bütün elementleri içerisinde barındıran Bootstrap ile bir siteyi komple bir bütün olarak tasarlayabilirsiniz. Tipografik ögeler, carousel, tablolar, slider, imajlar, dropdown menüler, modal pencereler, navigasyon bar, butonlar, sayfalandırma, etiketler ve yükleme barları, bilgilendirme balonları vb. gibi kullanıcılara hazır olarak sunulmuş. Sizin yapmanız gereken tek şeyse ihtiyacınız olan kodu kopyalayıp yapıştırmak.

 

Bootstrap Nasıl Kullanılır?

Bootstrap hazır bir sistem olduğu için her şeyi kopyalayıp yapıştırarak halledebilirsiniz. Fakat, öncelikle dosyanız için mutlaka yapmanız gereken şeyler var. Örneğin; sayfanız Html5 olmalı ve Bootstrap için CSS dosyası ile jquery scriptini sayfaya mutlaka eklemelisiniz. Sayfanızda kullanacağınız tüm ögeler için referansınız getbootstrap.com adresi olacak. Siteye giriş yaptığınız üst menüde yer alan Getting Started, CSS, Component ve JavaScript alanlarında sizin için gerekli olan kodları kopyalayıp yapıştıracaksınız.

 

Bootstrap'in temel tasarım mantığı, bir satırın 12 sütuna bölünmesi ve bu sütunların farklı genişlikteki cihazlara göre daraltılıp esnetilebilmesinden oluşuyor. Böylece bu sütunların farklı cihazlarda görüntülenme şekilleri de değiştirilebiliyor. Örnek verecek olursak, geniş ekranlı bir cihaz için üçlü sütun yapısı düşünüyorsunuz. Bootstrap'in sunduğu 12'ye ayrılan satırı dörderli sütunlar halinde böldüğünüz takdirde üçlü sütun yapısını oluşturabilirsiniz.

 

BootStrap 3 ile BootStrap 4'ün Farkları

BootStrap 4 versiyonu, daha hızlı çalışma ve daha fazla esneklik sunma iddiası ile yayınlandı. En çok kullanılan tarayıcıların son versiyonlarında sorunsuz olarak çalışmakla birlikte Internet Explorer 9 ve daha önceki sürümlerde desteklenmemektedir.

 

Eğer sayfalarınızın bu tarayıcı versiyonlarında da düzgün görünmesi şart ise BootStrap 3 versiyonunu kullanmanız daha uygun olacaktır. 3 versiyonu da hala geliştirilmekte ve destek sunulmakta olup, en kararlı çalışan versiyondur. Sadece yeni özellikler bu versiyona eklenmemektedir.

Benzer Blog yazıları

Kaynak Kodu Nedir ? Ne İşe Yarar?

Web siteleri birer yazılımdır. Asp veya PHP altyapısı ile yazılabilen bu yazılımların html biçimli kaynak kodları bulunur. Kaynak kodları her h...Devamı…

İyi Bir Web Sitesi İçin Ne Gereklidir?

Web siteleri teknoloji geliştikçe internette büyük rol oynamaktadır. İnternetin bizlere sağladığı en büyük avantaj bilgiler...Devamı…

HTML5 Nedir?

HTML5, web sayfalarını açıklayan kod olan Köprü Metni Biçimlendirme Dili'nin en son sürümüdür. Aslında...Devamı…

Grafik Tasarım Nedir?

Grafik tasarım, resimlerin sembol ve kelimelerin kullanımıyla, var olan bir problemi belli bir sonuca ulaştırmak için yaratıcı ve sistematik bi...Devamı…

Hızlı İletişim
Hızlı İletişim+90 212 347 33 11info@ata.com.trTeklif İste
Teklif İste