Bootstrap – Grid System – Contaniner – Responsive – Flexbox
Bootsrapteki container class’ımızla blok yapıları oluşturabiliriz. bg-color etikeri ile renk verebiliriz, Ayrıca bu contanier etiketimiz mobil uyumlu responsive yapıdadır. Continer Grid System Bootstrapte her bir blok 12 eşit parçaya bölünmüştür. Bu blokları col ifadesini kullanarak bölebiliriz. Şimdi CSS kodlarıyla bir kare oluşturalım ve bootstrap’te grid system’in nasıl kullanılacağına bakalım. Responsive Design Bootstrap class’larımız zaten responsive uyumludur. Ama bazı durumlarda sayfa küçülünce elemanın küçülmesini değil de alt alta geçmesini vs. istediğimiz olabilir Flexbox Blok içerisinde blok yapıları yapmak istersek Tüm Kodlar
Bootstrap – Incuding to Project
Bootstrap içerisinde hazır CSS ve Script kodları bulunduran ücretsiz açık kaynalı front end framework’tür. Bootstrap, web sayflarımızın tasarımlarını hızlı ve kolay bir şekilde gerçekleştirmemizi sağlar. Projeye dahil etme: bootstrap web adresine giderek, referans kodlarını html sayfamıza ekleyebiliriz. Kodlarda da gördüğümüz gibi bootstrap’i sayfamıza dahil ettik. Bu bootstrap class’ından bir buton (“btn btn-primary”) ürettik ve bu…
Mehmet İçme 