kendi kendime media tagi ve bootstrap ile ilgili ufak bir alıştırma yaparken minik bir sorunlar karşılaştım bir kaç bir şey denedim ama sadece bir tane çözüm yolu bulabildim ama pek içime sinmedi bu çözüm yolu o yüzden buraya sormak istedim.
https://www.codepile.net/pile/DWGDGbKj ---> CSS
https://www.codepile.net/pile/7QqZkZ2N ---> HTML
sorun şu ki normalde 481 pikselden itibaren sütunlarım ortalanıyor
https://ibb.co/4mcjb5f
ama ne zaman 480 nin altına insem sütunlarım sol tarafa yapışıyor aynı şu şekildeki gibi
https://ibb.co/9www3L5
bulabildiğim tek çözüm media tagi altında containera soldan padding vermek oldu ama padding : 0 auto; denememe rağmen bir türlü çalıştıramadım varsa bir çözüm öneriniz çok yardımcı olursunuz veya yapmaya çalıştığım şeyin daha kolay bir yolu varsa onu da öğrenmek isterim deneme yanılma yoluyla anca bu şekilde yapabildim, asıl yapmaya çalıştığım şey ise 4 x 1 şekilden 2 x 2 şekle geçirmeye çalışmaktı ama css de sorun yaşadım biraz
css padding sorunu
6
●224
- 26-12-2019, 23:42:35
- 27-12-2019, 00:48:34Hocam tam olarak nasıl bir şey istediğiniz anlayamadım.
Aşağıda ki bağlantıda Bootstrap ile yapılmış bir çalışma var. Büyük ekranlı cihazlarda 4 kolon, telefon gibi küçük ekranlı cihazlarda 2 kolon şeklinde kalıyor.
https://codepen.io/mikropiks/pen/povwBZE - 27-12-2019, 01:01:09Hocam col-sm 576px ve 768px arası için 576 px aşağısı ekranlar için doğrudan col-6 gibi kullanılabiliyorsarkotance adlı üyeden alıntı: mesajı görüntüle
https://getbootstrap.com/docs/4.4/la.../#grid-options - 27-12-2019, 01:03:52kaç gündür col-xs ile falan uğraşıyorum sonuca varmadım en son media tagiyle yapayım dedim az önce de çözdüm içten auto margin vererek sonra sen yazdın daha temiz çözümün sadece col-6 ile yapıldığını görünce kahroldum , ama yinede çok sağol hocam
