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 > > Grafik Tasarım

Burada Mobil Uyumu Nasıl Sağlarım

  #1  
Okunmamış 08 Şubat 2019, 20:23
Castollo57 Adlı Üyenin Avatarı
WM Aracı
 
Üyelik Tarihi: 30 Mayıs 2018
Cinsiyet: Erkek
Ad, Soyad: Ak... Ha...
Mesajlar: 90
Beğeniler: 12 / 40
Ticaret: 1, 100%
PC Ekranı;


Mobil;


Arkadaşlar yukarıda da gördüğünüz gibi çalışmam mobilde sıkıntılı oluyor. Ben istiyorum ki mobilde ilgili yazının resmi üstte sonra hemen altında başlık olusun ama normal PC ekranında aynı yukarıdaki gibi kalacak. Sadece mobilde belirttiğim gibi yapmak istiyorum. Bootstrap4 kullanıyorum yardımlar için şimdiden teşekkürler.

Kod bu;

HTML Kodu:
<div class="media mb-5">
      <img src="img/slider-1.jpg" class="mr-3 post-image" alt="...">
           <div class="media-body">
                 <small>YAZILIM</small>
                 <a href="#"><h5 class="mt-0">Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard.</h5></a>
                 <div class="d-sm-none d-none d-md-block d-lg-block"><i class="fas fa-eye"></i> 123 Görüntülenme&nbsp;&nbsp;&nbsp;<i class="fas fa-thumbs-up"></i> 24&nbsp;&nbsp;&nbsp;<i class="fas fa-comment"></i> 13 Yorum</div>
            </div>
</div>
  #2  
Okunmamış 09 Şubat 2019, 10:17
iMonster Adlı Üyenin Avatarı
Old Kid 🔥
 
Üyelik Tarihi: 28 Ocak 2018
Yaş / Cinsiyet: 22 / Erkek
Ad, Soyad: Mu... Öz...
Mesajlar: 276
Beğeniler: 45 / 121
Ticaret: 0, 0%
Hocam şu şekilde işinizi görür diye umuyorum tetst etme fırsatım olmadı.
Ancak olmazsa bootstrap ta media içerisinde colonlar ve satırların nasıl kullanıldığını araştırmanızı öneririm.

Kod:
<div class="media mb-5">
  <div class="row">
    <div class="col-md-2">
      <img src="img/slider-1.jpg" class="mr-3 post-image" alt="...">
    </div>
    <div class="col-md-10">
      <div class="media-body">
       <small>YAZILIM</small>
       <a href="#">
         <h5 class="mt-0">Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard.</h5>
       </a>
       <div class="d-sm-none d-none d-md-block d-lg-block"><i class="fas fa-eye"></i> 123 Görüntülenme&nbsp;&nbsp;&nbsp;<i class="fas fa-thumbs-up"></i> 24&nbsp;&nbsp;&nbsp;<i class="fas fa-comment"></i> 13 Yorum</div>
     </div>
    </div>
  </div>
</div>
www.mustafaozturk.kim
Cevap Yaz Favorilerime Ekle


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

Geri Git   Forum > Grafik Tasarım


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: 10:28.