BOOTSTRAP

Bootstrap Izgara(Grid) Sistemi

Bootstrap Izgara(Grid) Sistemi

BOOTSTRAP
Sitemize bootstrap ne olduğunu ve nasıl eklediğimizi Bootstrap Nedir? konusunda anlatmıştık.Şimdi sıradaki kısım aslında ana yapısını anlatıyor.Aslında durum çok büyük görünüp küçük bir mantıkla çalışır.Bu sistem sitemize giren kullanıcının ekranını büyüklüğünü ve küçüklüğü bakmadan 12 eşit parçalara bölerek  çalışır.Bizde bu 12 parçaya göre kodlama yapıyoruz. Daha önceki yazımızdaki örneği kullanalım. [crayon-5d891eb891599250219949/] Ekran Görüntüsü Öncelikle ızgara sisteminin gördüğünüz gibi .col sistemiyle çalışmaktadır.Yazılmış alert sınıfları size dahi iyi görüntü göstermek ve anlamınızı kolaylaştırmak içindir.Orada gördüğünüz gibi .col-xl-3 bu kısım genişliği belirtmektedir.Aynı zamanda xl yazısıyla büyük ekran kullanıcılarda çalışması gerektiğini de anlatmaktadır.Öncelik
Bootstrap Nedir?

Bootstrap Nedir?

BOOTSTRAP
Bootstrap dünyanın en yaygın olarak kullanılan web üzerinde duyarlı sayfalar yapmaya yarayan birleşendir. Css ve js kullanarak bootstrap istediğiniz yeni nesil tasarımlar oluşturmasına yardımcı olur.Bootstrap kullanarak mobil ve bilgisayarların ekran çözünülüğüne göre uyarlayabiliriz.Tek İhtiyacı jquerydir.Pekala biz bu "jquery nasıl ulaşacağız" diye bir soru gelecek aklımıza ister cdn kullanın isterseniz indirip lokalinizden çekebilirsiniz. Cdn yazımızda geçti fakat cdn bilmeyenler olabilir.Kısaca başka bir yerden sitemize yüklemek diye düşünebiliriz.Bize lazım olan jquery  linki; [crayon-5d891eb892260426965518/] jquery sürümlerinden çoğuyla uyumludur bunu kullanmanız şart değil.Mesala tasarımınızın farklı versiyonlar onla da çalışacaktır. Sadece bilmeniz gereken jquery bootstrap.min.js
Free Web Hosting