Bootstrap nasıl kurulur

Öncelikle getbootstrap.com 'a giriyoruz






Download butonuna tıklıyoruz ve indirme sayfasına gidiyoruz.







Kırmızı ile işaretli olan kısmı seçip indiriyoruz veya





Burada yazılı olan linkleri projemize ekliyoruz bootstrap sunucusundan çekiyoruz ama böyle yapmanın bir sakıncası var bootstrap sunucusu o an için çalısmazsa verileri çekemezsiniz ve sizin tasarımınız da çalısmayabilir.




ve indirdik




İçindeki dosyalar bu şekilde bu dosyaları olusturacağımız web sayfasının klasörünün içine atacağız.





Yeni bir HTML sayfası oluşturuyoruz ve türünü HTML5 seçiyoruz.

Öncelikle bootstrap özelliklerini sayfamıza çağırmalıyız.

İlk olarak head etiketinin altında bir 

"<meta name="viewport" content="width=device-width, initial-scale=1">"
meta etiketi çağırıyoruz bu kodumuz siteyi "Responsive" yapmak için zoom olayını site için yasaklar yani şöyle zoom yapınca ilerde oluşturacağımız containerlera bölünecek site yazılar kaymıyacak.



Sonrasında indirdiğimiz bootstrapın stil dosyasını sitemize çağıracağız yine head etiketi içine
"<link href="css/bootstrap.css" rel="stylesheet" media="screen" />" diyerek çağırıyoruz.




Sonrasında Stiller üzeinde değişiklik yapmak bootstrap stilinin üstüne override yapmak için kendi stil dosyamızı oluşturacağız.Kesinlikle bootstrap'in style dosyası üzerinde bir değişiklik yapmayacağız zaten bizim style dosyamız içine yazdıklarımız override olacaktır.




Sonrasında Bootstrap' ın javascript dosyasını ve internetten Jquery çekeceğiz sayfamıza.
Bunları sayfanın en alt kısmında  yapmalıyız ki sayfamız daha hızlı yüklensin daha hızlı açılsın.


İlk olarak Bootstrap'ın javascript dosyasını yükleyelim.
Sayfamızın en alt kısmına gelip "<script src="js/bootstrap.js"></script>" yazıyoruz.



Simdi de Jquery ' yi ekliyeceğiz  jquery.com/ adresine gidiyoruz download kısmına gidiyoruz fakat indirmeyeceğiz kendi sunucusundan sitemize ekliyeceğiz.


Burdaki code.jquery.com/jquery-2.1.3.min.js  kodunu ekliyeceğiz.

Sayfamızın altına gelip "<script src="http://code.jquery.com/jquery-2.1.3.min.js"></script>" yazıyoruz.




Ve artık bütün işlemlerimiz tamam sitemizin bootstrap temelini oluşturduk.Artık tasarımlarımızı yapmaya başlayabiliriz.