Giriş Yap / Kayıt Ol

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

2Beğeni
  • 1 Yazan Weismann21
  • 1 Yazan WpÖmerFaruk

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

Bootstrap 4 d-xs-none çalışmıyor

  #1  
Okunmamış 08 Kasım 2018, 20:30
kerimptk Adlı Üyenin Avatarı
Eğitim Destek Uzmanı
 
Üyelik Tarihi: 19 Haziran 2012
Yaş / Cinsiyet: 28 / Erkek
Konum: Ankara
Ad, Soyad: Ke... Po...
Mesajlar: 1.421
Beğeniler: 234 / 191
Ticaret: 37, 100%
Arkadaşlar yapmış olduğum bi projede bootsrap kullanıyorum ancak bazı alanların mobilde görünmemesi lazım. Normalde d-sm-none boyutuna kadar gizleme yapabilrken d-xs-none çalışmıyor. Nedir durum bilen var mı? d-xs-none yerine ne kullanabilirim.

Nette bi kaç siteye baktım ama tavsiyeleri işime yaramadı. O yüzden konuyu açtım.
kerimpotuk.com.tr
  #2  
Okunmamış 08 Kasım 2018, 20:39
Avatar Seçilmemiş
WM Aracı
 
Üyelik Tarihi: 29 Kasım 2017
Yaş / Cinsiyet: 21 / Erkek
Meslek: Web Developer
Ad, Soyad: En... Ba...
Mesajlar: 46
Beğeniler: 12 / 2
Ticaret: 0, 0%
Kod:
@media (min-width:370px) and (max-width:740px) {

.d-xs-none{display:none;}
 }
kerimptk bunu beğendi.
  #3  
Okunmamış 08 Kasım 2018, 20:43
kerimptk Adlı Üyenin Avatarı
Eğitim Destek Uzmanı
 
Üyelik Tarihi: 19 Haziran 2012
Yaş / Cinsiyet: 28 / Erkek
Konum: Ankara
Ad, Soyad: Ke... Po...
Mesajlar: 1.421
Beğeniler: 234 / 191
Ticaret: 37, 100%
Weismann21 hocam verdiğiniz kodu css'e ekleyip denedim yine çalışmadı.

Bootsrap'ın sitesinden d-none d-xs-block kodlarını aldım Bu kodlarla xs için gizledi ancak diğer boyutlarda da gizli oluyor. Bunun üstünden gitmek istesem nasıl yaparım.

Ayrıca

d-none d-xl-block d-lg-block d-md-block d-sm-block

ile önce her tarafta kapatıp sonra xs hariç hepsini göstererek de oluyor. Ancak bu kullanım yanlış geliyor bana daha kısası olması lazım.
Konu kerimptk tarafından (08 Kasım 2018, 20:46 ) değiştirilmiştir.
kerimpotuk.com.tr
  #4  
Okunmamış 09 Kasım 2018, 08:16
ÖmerGünay Adlı Üyenin Avatarı
http://www.omergunay.net/
 
Üyelik Tarihi: 15 Mayıs 2015
Yaş / Cinsiyet: 27 / Erkek
Meslek: Webmaster
Ad, Soyad: Öm... Gü...
Mesajlar: 762
Beğeniler: 206 / 146
Ticaret: 7, 100%
kerimptk

Sitesinden baktınız mı hiç ? Siz Bootstrap 4 yazıyorsunuz ama xs 3 te kaldı diye biliyorum ben . Sitede şöyle yazıyor.

Hidden only on xs : .d-none .d-sm-block
Herkes yediğinden ikram eder..(Yavuz Sultan Selim)
  #5  
Okunmamış 09 Kasım 2018, 08:47
kerimptk Adlı Üyenin Avatarı
Eğitim Destek Uzmanı
 
Üyelik Tarihi: 19 Haziran 2012
Yaş / Cinsiyet: 28 / Erkek
Konum: Ankara
Ad, Soyad: Ke... Po...
Mesajlar: 1.421
Beğeniler: 234 / 191
Ticaret: 37, 100%
@ÖmerGünay Denedim ama o da olmadı. O yüzden
Alıntı:
d-none d-xl-block d-lg-block d-md-block d-sm-block
Şeklinde yaptım. Çalışan daha kısa birşey bulabilirsem değiştiricem o zamana kadar böyle kullanacam artık.
kerimpotuk.com.tr
  #6  
Okunmamış 09 Kasım 2018, 09:38
bilimokur Adlı Üyenin Avatarı
wpuzman.com
 
Üyelik Tarihi: 13 Ocak 2017
Yaş / Cinsiyet: 27 / Erkek
Meslek: Yazılım
Konum: Trabzon
Ad, Soyad: Bi... Ma...
Mesajlar: 2.121
Beğeniler: 629 / 220
Ticaret: 23, 100%
Bootstrap 4te xs kalltı diye hatırlıyorum. d-sm-none yapın.
# wpuzman.com
  #7  
Okunmamış 09 Kasım 2018, 11:45
WpÖmerFaruk Adlı Üyenin Avatarı
Skype: ofarukyalcin
 
Üyelik Tarihi: 31 Mart 2016
Cinsiyet: Erkek
Ad, Soyad: Öm... Ya...
Mesajlar: 1.133
Beğeniler: 557 / 179
Ticaret: 46, 100%
Kod:
d-none d-sm-block
Bu şekilde kullanırsanız SM ve daha büyük cihazlarda gösterirken SM den daha küçük cihazlarda gizler. Yani aradığınız şey tam olarak bu. XS kalktı ancak yukarıdaki ifade tam olarak yalnızca XS cihazlarda gizlemeyi daha büyük cihazlarda göstermeyi ifade ediyor. Yukarıdaki kadar uzun yazmanız gerekmiyor. Verdiğim şekilde yazmanız yeterli olacaktır.
cgrclk bunu beğendi.
  #8  
Okunmamış 09 Kasım 2018, 12:02
kerimptk Adlı Üyenin Avatarı
Eğitim Destek Uzmanı
 
Üyelik Tarihi: 19 Haziran 2012
Yaş / Cinsiyet: 28 / Erkek
Konum: Ankara
Ad, Soyad: Ke... Po...
Mesajlar: 1.421
Beğeniler: 234 / 191
Ticaret: 37, 100%
@WpÖmerFaruk hocam teşekkür ediyorum. Bu şekilde çalıştı kodlar
kerimpotuk.com.tr
  #9  
Okunmamış 09 Kasım 2018, 15:47
asinan Adlı Üyenin Avatarı
...
 
Üyelik Tarihi: 15 Ekim 2014
Yaş / Cinsiyet: 29 / Erkek
Meslek: Web
Konum: Kayseri
Ad, Soyad: Si... At...
Mesajlar: 138
Beğeniler: 44 / 12
Ticaret: 0, 0%
https://getbootstrap.com/docs/4.0/ut...iding-elements

Tüm gizleme/gösterme kodları bunlar. B4'de XS evet yok.
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: 05:23.