Bootstrap ile sadece SM ekranda margin ve padding ayarlama

12.07.2019 00:28

karolla WM Aracı Kullanıcı

Üyelik 22.06.2012
Yaş/Cinsiyet 38 / E
Meslek Yazar
Konum

Ad Soyad A** E**
Mesajlar 398
Beğeniler 13 / 67
Ticaret 6, (%100)

Merhaba arkadaşlar, bootstrap'de geniş ekranlar için ayarladığımız margin ve padding değerini sadece small ekranda değişecek şekilde, herhangi bir ekstra css yazmadan nasıl yazarım.

Örnek:

Custom column padding

Yukarıdaki kodlarda p-3 olarak verilmiş. Ben bunun small ekranda p-sm-3 gibi bir hale gelmesini istiyorum. Class'ı eklediğimde çalışmıyor. Sebebini de çözemedim. Muhtemelen yanlış yapıyorum. Bir bilen yeşillendirsin bizi.

https://getbootstrap.com/docs/4.3/utilities/spacing/

12.07.2019 02:23

TEHET ✨ Kullanıcı

Üyelik 04.10.2014
Yaş/Cinsiyet 32 / E
Meslek Tasarımcı
Konum Ankara

Ad Soyad M** A**
Mesajlar 791
Beğeniler 96 / 374
Ticaret 1, (%100)

https://jsfiddle.net/tehet/g1abor59/6/

https://jsfiddle.net/tehet/g1abor59/6/

16.07.2019 00:28

karolla WM Aracı Kullanıcı

Üyelik 22.06.2012
Yaş/Cinsiyet 38 / E
Meslek Yazar
Konum

Ad Soyad A** E**
Mesajlar 398
Beğeniler 13 / 67
Ticaret 6, (%100)

TEHET Şimdi hocam mantığını anlayamadım. p-0 p-sm-5 yapıyorum geniş ekranda padding 5 olarak, küçük ekranda 0 olarak çalışıyor. Oysaki p-0 p-sm-5 demek, padding normalde 0 olsun ama sm ekranda 5 olsun demek değil mi? Niye ters çalışıyor?

Bootstrap ile sadece SM ekranda margin ve padding ayarlama

Üye Girişi Yap