Bootstrap Responsive

Merhabalar.Bir script kodluyoruz ekipçe front end kısmı bana ait de bir sorum olacak.Ana sayfa dışında bütün sayfaların responsive kısmını yaptım ama ana sayfa biraz karıştı.Sorumda şu css ile responsive nasıl yapıldığını biliyorum ama bootstrap ile responsive tasarım nasıl yapılır onu merak ediyorum.Bootstrap ile responsive tasarım nasıl yaparım.

Başlangıç şablonunu girdikten sonra divlere atamanız gereken classlar;

container veya container-fluid
row
col-md-3 veya 4 veya 6 veya 12

Bu classları girdikten sonra zaten kendiliğinden responsive olur

https://www.w3schools.com/bootstrap/default.asp

Burada aradığınız her şeyi bulabilirsiniz. İyi çalışmalar.

ekran boyutları
col <576px
col-sm ≥576px
col-md ≥768px
col-lg ≥992px
col-xl ≥1200px
örneğin; mobilde tam sayfa, tablet ve üstünde yarısı kadar olsun diyelim.

div class="col-12 col-md-6"

olacaktır.


veya mobilde 6, üstünde full olsun.

col-6 col-md-12

veya mobil 4 tablet 6 masaüstü 12 diyelim

col-4 col-md-6 col-xl-12

mantık basit.

Pm bakarmisiniz