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.
Bootstrap 4 d-xs-none çalışmıyor |
9 Mesajlar | 1.907 Okunma | ||
- Üyelik 19.06.2012
- Yaş/Cinsiyet 34 / E
- Meslek Yazılım Geliştirici / Youtuber
- Konum Ankara
- Ad Soyad K** P**
- Mesajlar 1440
- Beğeniler 194 / 234
- Ticaret 46, (%100)
Abone Ol : www.youtube.com/@kerimpotuk
- Üyelik 29.11.2017
- Yaş/Cinsiyet 27 / E
- Meslek Cross Platform Developer
- Konum İstanbul Anadolu
- Ad Soyad E** B**
- Mesajlar 168
- Beğeniler 12 / 47
- Ticaret 0, (%0)
@media (min-width:370px) and (max-width:740px) {
.d-xs-none{display:none;}
} - Üyelik 19.06.2012
- Yaş/Cinsiyet 34 / E
- Meslek Yazılım Geliştirici / Youtuber
- Konum Ankara
- Ad Soyad K** P**
- Mesajlar 1440
- Beğeniler 194 / 234
- Ticaret 46, (%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.
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.
Abone Ol : www.youtube.com/@kerimpotuk
- Üyelik 15.05.2015
- Yaş/Cinsiyet 33 / E
- Meslek PHP Developer
- Konum İstanbul Avrupa
- Ad Soyad Ö** G**
- Mesajlar 1207
- Beğeniler 382 / 381
- Ticaret 16, (%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
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)
- Üyelik 19.06.2012
- Yaş/Cinsiyet 34 / E
- Meslek Yazılım Geliştirici / Youtuber
- Konum Ankara
- Ad Soyad K** P**
- Mesajlar 1440
- Beğeniler 194 / 234
- Ticaret 46, (%100)
@ÖmerGünay Denedim ama o da olmadı. O yüzden
Şeklinde yaptım. Çalışan daha kısa birşey bulabilirsem değiştiricem o zamana kadar böyle kullanacam artık.
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.
Abone Ol : www.youtube.com/@kerimpotuk
- Üyelik 13.01.2017
- Yaş/Cinsiyet 33 / E
- Meslek Yazılım
- Konum Trabzon
- Ad Soyad B** M**
- Mesajlar 2771
- Beğeniler 293 / 949
- Ticaret 33, (%100)
Bootstrap 4te xs kalltı diye hatırlıyorum. d-sm-none yapın.
- Üyelik 31.03.2016
- Yaş/Cinsiyet 33 / E
- Meslek Wordpress Geliştiricisi
- Konum İstanbul Anadolu
- Ad Soyad Ö** Y**
- Mesajlar 1177
- Beğeniler 181 / 603
- Ticaret 53, (%100)
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.
- Üyelik 19.06.2012
- Yaş/Cinsiyet 34 / E
- Meslek Yazılım Geliştirici / Youtuber
- Konum Ankara
- Ad Soyad K** P**
- Mesajlar 1440
- Beğeniler 194 / 234
- Ticaret 46, (%100)
@WpÖmerFaruk hocam teşekkür ediyorum. Bu şekilde çalıştı kodlar
Abone Ol : www.youtube.com/@kerimpotuk
- Üyelik 15.10.2014
- Yaş/Cinsiyet 35 / E
- Meslek Web
- Konum Kayseri
- Ad Soyad S** A**
- Mesajlar 153
- Beğeniler 14 / 51
- Ticaret 0, (%0)
https://getbootstrap.com/docs/4.0/utilities/display/#hiding-elements
Tüm gizleme/gösterme kodları bunlar. B4'de XS evet yok.
Tüm gizleme/gösterme kodları bunlar. B4'de XS evet yok.
Konuyu toplam 1 kişi okuyor. (0 kullanıcı ve 1 misafir)