Bootstrap Ne İşe Yarar?
Bootstrap, tasarımlarınızı responsive yani tum ekran cozunurluklerine uyumlu bir şekilde (telefon, bilgisayar, notebook, tablet) duzenlemenize olanak sağlar.
Bootstrap Ozellikleri Nelerdir?
İcerisinde mevcut olan sayısız tablo, grafik, ikon, carousel, navigasyon gibi pek cok hazır tasarım sayesinde sitenizi kolayca tasarlayabilirsiniz. Ayrıca Bootstrap‘in kullandığı Grid (Izgara) sistemi ozelliğiyle sitenizi istediğiniz bolumde konumlandırabiliyorsunuz. Bu ozellik, ekranı dilediğiniz olcude bolup, ayırdığınız bu kısımlara kolayca mudahele etmenizi sağlamaktadır.
nasa.gov, fifa.com, paypal.com gibi populer firmalarda Bootstrap kullanmaktadır.
Bootstrap tum tarayıcılar tarafından desteklenmektedir.
Bootstrap Nasıl Kullanılır?
Bootstrap’i iki farklı yontemle sitenize dahil edebilirsiniz.
- Bootstrap download bağlantısı uzerinden kaynak kodları indirerek kodları sitenize ekledikten sonra, sayfa icerisinden bu eklediğiniz kodları kullanarak,
- Bootstrap CDN uzerinden eklemek, bu yontemde Boostrap’in derlenmiş CSS ve JS kodlarının onbelleğe alınmış haliyle aşağıdaki kodları kullanarak sitenize dahil edebilirsiniz.
CSS
JS
Eğer sitenizde yukarıdaki gibiderlenmiş JS kullandıysanız, aşağıdaki QJuery ve Popper.js kodlarınıda sitenize dahil etmeniz gerekmektedir.
JQuery
script src=”https://code.jquery.com/jquery-3.3.1.slim.min.js” integrity=”sha384-q8i/X+965DzO0rT7abK41JStQIAqVgRVzpbzo5smXKp4YfRvH+8abt TE1Pi6jizo” crossorigin=”anonymous”
Popper.js
script src=”https://cdnjs.cloudflare.com/ajax/li....min.js” integrity=”sha384-ZMP7rVo3mIykV+2+9J3UJ46jBk0WLaUAdn689aCwoqbBJiSnjA K/l8WvCWPIPm49″ crossorigin=”anonymous”
Bootstrap Bileşenleri Nelerdir?
Bootstrap sitenizi tasarlamanız icin gerekli tum bileşenlere sahiptir. Bu bileşenlerin kullanımıyla ilgili detaylı bilgiye buradan ulaşabilirsiniz.
Bootsrap bileşenlerinin nasıl calıştığını gormek icinse, bu bağlantıyı inceleyebilir ve denemeler yapabilirsiniz.