Giriş Yap / Kayıt Ol

WM Aracı'na üyelikler tekrar açıldı! Kayıt olmak için TIKLAYIN!

Cevap Yaz Favorilerime Ekle
Seçenekler Stil
Geri Git   Forum > > HTML - CSS - XML

Bootstrap ile sadece SM ekranda margin ve padding ayarlama

  #1  
Okunmamış 12 Temmuz 2019, 00:28
karolla Adlı Üyenin Avatarı
WM Aracı
 
Üyelik Tarihi: 22 Haziran 2012
Cinsiyet: Erkek
Meslek: Yazar
Ad, Soyad: Ab... Es...
Mesajlar: 394
Beğeniler: 67 / 11
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:

HTML Kodu:
<div class="col px-md-5"><div class="p-3 border bg-light">Custom column padding</div>
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/
  #2  
Okunmamış 12 Temmuz 2019, 02:23
TEHET Adlı Üyenin Avatarı
dribbble.com/TEHET
 
Üyelik Tarihi: 04 Ekim 2014
Yaş / Cinsiyet: 27 / Erkek
Meslek: İşletmeci
Konum: Ankara
Ad, Soyad: Mu... Ak...
Mesajlar: 740
Beğeniler: 338 / 76
Ticaret: 1, 100%


https://jsfiddle.net/tehet/g1abor59/6/
  #3  
Okunmamış 16 Temmuz 2019, 00:28
karolla Adlı Üyenin Avatarı
WM Aracı
 
Üyelik Tarihi: 22 Haziran 2012
Cinsiyet: Erkek
Meslek: Yazar
Ad, Soyad: Ab... Es...
Mesajlar: 394
Beğeniler: 67 / 11
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?
Cevap Yaz Favorilerime Ekle


Konuyu toplam 1 kişi okuyor. (0 üye ve 1 Ziyaretçi)
 
Seçenekler
Stil
Normal Normal

Geri Git   Forum > HTML - CSS - XML


Yetkileriniz
Konu açma yetkiniz: Yok
Cevap Yazma Yetkiniz Yok
Eklenti yükleme yetkiniz: Yok
Mesajınızı değiştirme yetkiniz: Yok

BB code: Açık
İfadeler: Açık
[IMG] Kodları: Açık
HTML kodu: Kapalı




Tüm Zamanlar GMT +3 Olarak Ayarlanmış. Şu anki Zaman: 04:02.