Bootstrap indirme, kurulumu, kullanımı, gereksinimleri ve Neden Bootstrap?

İndirme:
Twitter Bootstrap’i indirmek için aşağıdaki adresteki istediğiniz versiyonu indirebilirsiniz.
Bootstrap versions

Kurulumu(yerleşimi):
Kurulumdan değil dosyaları kullanmanız söz konusudur. İndirmiş olduğunuz dosyanızın içerisindeki “bootstrap.min.css” ve “bootstrap.min.js” dosyalarınızı HTML sayfanızda aşağıdakine benzer dizin yapısındaki gibi tanımladığınızda artık sizde Bootstrap kolaylıklarından faydanabileceksiniz.

	<link href="css/bootstrap/bootstrap.css" rel="stylesheet"/>
	<script src="js/lib/twitter-btrap/bootstrap.js"></script>

Kullanımı:
Bootstrap kullandığınızda HTML etiketlerinizde genişlik(width), arkafon rengi(background-color) gibi stil niteliklerini sürekli kullanmanıza gerek kalmayacaktır.

Bootstrap CSS dosyasının yanı sıra varsa kendi CSS dosyamızıda Bootstrap CSS dosyamızın sonrasına HTML sayfamızda tanımlamalıyız. Bu iki CSS öncesine ise isterseniz normalize.css yada diğer adı ile reset.css lerinizi eklemenlisiniz.

Bootstrap ızgara kullanımında sütunları 12 ye bölmüş olarak kullanmaktadır. 940px ekran genişliği ile çalışmaktadır ve farklı genişliklere de kolayca uyarlanabilmektedir.
Izgara kullanımında “fluid” özelliği ile farklı cihaz ekran genişliklerinde ekran yapımız bozulmadan esner ve görsel düzen katar.

Size site veya uygulama hazırlama yapımında yardımcı olacak Bootstrap Türkçe kaynak, kullanım örnek ve açıklamalarına aşağıdaki adres satırından ulaşabilirsiniz.
Bootstrap Türkçe kullanımı örnek ve açıklamaları

Gereksinim:
Bootstrap HTML5 i desteklemektedir bundan dolayı HTML doctype’ini aşağıdaki gibi tanımlamalısınız.

<!DOCTYPE html>
<html lang="en">
  ...
</html>

Neden Bootstrap tercih etmeliyim dediğimizde ise başlıca kısa olarak şunları sayabiliriz:
En başta şunun sayabiliriz yüksek oranda tarayıcı uyumluğuğu.
Geniş bir kullanıcı topluluğu bulunmaktadır.
Bütün projenize düzen katmaktadır benzer yapıları tekrarlar halinde kolayca hatasız kullanabileceğiniz için.
İçinde barındırdığı için js kütüphaneleri sayesinde hazır eklentileri kolayca uygulayabilirsiniz.

Share on Facebook0Tweet about this on TwitterShare on Google+0Share on StumbleUpon0Share on Reddit0

Leave a Reply


*