wmaraci reklam

Bootstrap ile sadece SM ekranda margin ve padding ayarlama

3 Mesajlar 906 Okunma
wmaraci reklam

karolla karolla WM Aracı Kullanıcı
  • Üyelik 22.06.2012
  • Yaş/Cinsiyet 37 / 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/
 

 

SMM Panel, Sosyalyuvam, Bayilik Paneli, En Uygun Panel, Takipçi Paneli
reklam

TEHET TEHET Kullanıcı
  • Üyelik 04.10.2014
  • Yaş/Cinsiyet 31 / 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/
 

 

karolla karolla WM Aracı Kullanıcı
  • Üyelik 22.06.2012
  • Yaş/Cinsiyet 37 / 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?
 

 

wmaraci
Konuyu toplam 1 kişi okuyor. (0 kullanıcı ve 1 misafir)