Sanalkurs Hangi CSS Frameworku İle Tasarlandı

Merhaba.
Sanalkurs'un hangi css framework / frameworklar ile tasarlandığını merak ediyorum.
Grid sistemi kullanıldı mı?

Bootstrap altyapısıyla hazırlandı. Bootstrap'in grid sistemi kullanıldı ancak şuanlık responsive değil. Mevcut temayı responsive yapıyoruz. Çok yakında mobil, tablet ve tüm cihazlarla uyumlu olacak.

Teşekkür ederim.

Anasayfada ÖNE ÇIKAN KURSLAR var ve 4 adet konu kutusu var. Mantığını öğrenmek için soruyorum. Orada 12'lik grid sisteminden 3'er sütün mu kullanıldı?

Bootstrap grid sistemi ve daha fazlasını buradan öğrenebilirsiniz.

Ali Alkan bootstrap'ın sitesini biliyorum. Benim buradaki maksadım mantığı anlayabilmek.

Mantığı detaylı olarak web sayfasında anlatılmış zaten. Sorunuzun cevabını ben kısaca anlatayım; 4 sütunlu bir yapı oluşturmak için temel olarak aşağıdaki kod düzeneğine ihtiyacınız vardır. Burada yapılan 3 kolon genişliğinde 4 adet sütunu yan yana ekleyerek 12li gridi 4'e bölmek.

<div class="row">
<div class="col-md-3">1</div>
<div class="col-md-3">2</div>
<div class="col-md-3">3</div>
<div class="col-md-3">4</div>
</div>

 

Bootstrap, geliştiricilere 12'lik Grid sistemi sunuyor. Bu 12'lik Grid sistemi genişliğin 12'ye bölünmesi anlamına geliyor. Bootstrap kullandığınız bir projede sadece Bootstrap'in Grid sınıflarını kullarak ekranı 2, 3, 4, 6'ya ve 12'ye bölebilirsiniz. Öne Çıkanlar bölümünde ise @Ali Alkan'ın örneklerle anlattığı gibi 3 kolon kullandık.

Teşekkür ederim.

Cevap Yaz

Cevap yazabilmek için üye girişi yapmanız gerekiyor!

Yukarı Git