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 yardımmm !!!!!!!

  #1  
Okunmamış 25 Mart 2020, 21:32
Avatar Seçilmemiş
WM Aracı
 
Üyelik Tarihi: 08 Mart 2018
Yaş / Cinsiyet: 49 / Erkek
Meslek: E-Ticaret
Konum: Konya
Ad, Soyad: Ba... Ke...
Mesajlar: 30
Beğeniler: 3 / 0
Ticaret: 0, 0%
<div class="container">
<div class="row">
<div class="col-xl-4 "><img src="./image/a1.jpg" class="rounded mx-auto d-block img" alt="Responsive image"> </div>
<div class="col-xl-4"><img src="./image/a2.jpg" class="rounded mx-auto d-block img" alt="Responsive image"> </div>
<div class="col-xl-4"><img src="./image/a3.jpg" class="rounded mx-auto d-block img " alt="Responsive image"> </div>
</div>
</div> </div>


bu 3 ADET FOTOGRAFLAR EKLEIM AMA BUNU NASIL MOBİL UYUMLU ORTALAMA YAPARIM YANİ SUNKI https://i.hizliresim.com/TutvRs.png MODİL BÖLE GÖZÜKÜYOR BUNU NASIL ORTALARIM VE ARALIRINDA BIR SATIR BOSLUK BIRAKIRIM CUNKU MOBİLDE ALT ALTA GÖZUKUYOR
  #2  
Okunmamış 25 Mart 2020, 21:59
LizGate Adlı Üyenin Avatarı
Lizgate
 
Üyelik Tarihi: 30 Mart 2019
Yaş / Cinsiyet: 26 / Erkek
Meslek: Yazılımcı
Konum: Muğla
Ad, Soyad: An... Yu...
Mesajlar: 70
Beğeniler: 42 / 9
Ticaret: 3, 100%
col-lg
col-md
col-sm
col-lg

Bunların her birisi belirli aralıktaki pixeller içindir.

Eğer col-4 yaparsan bütün pikseller için column değerini 4 alırsın.

Eğer her görünümde farklılık istiyorsan (mobil,tablet,masaüstü) bunları columnlar ile belirterek;

Örneğin: col-lg-3 col-sm-6 belirlemen gerekiyor.

Eğer columnlar istediğin sonucu sana vermezlerse kendin CSS kısmına girerek o sayfa için col değerini değiştirebilirsin.
  #3  
Okunmamış 25 Mart 2020, 23:20
Avatar Seçilmemiş
WM Aracı
 
Üyelik Tarihi: 08 Mart 2018
Yaş / Cinsiyet: 49 / Erkek
Meslek: E-Ticaret
Konum: Konya
Ad, Soyad: Ba... Ke...
Mesajlar: 30
Beğeniler: 3 / 0
Ticaret: 0, 0%
+++++ düzelmedi sorunumm
  #4  
Okunmamış 25 Mart 2020, 23:38
Avatar Seçilmemiş
WM Aracı
 
Üyelik Tarihi: 25 Şubat 2013
Cinsiyet: Erkek
Konum: Denizli
Ad, Soyad: Ra... Ko...
Mesajlar: 420
Beğeniler: 86 / 36
Ticaret: 1, 100%
hocam attıgın kodda fazladan div var görsel yapıyı bozuyo olabilir
  #5  
Okunmamış 25 Mart 2020, 23:40
Avatar Seçilmemiş
WM Aracı
 
Üyelik Tarihi: 22 Ağustos 2019
Yaş / Cinsiyet: 22 / Erkek
Meslek: Öğrenci
Ad, Soyad: Fu... Ba...
Mesajlar: 78
Beğeniler: 11 / 15
Ticaret: 2, 100%
<img src="https://dummyimage.com/600x400/000/fff" alt="" class="img-fluid" />

class a img-fluid vermeniz gerekiyor. bootstrap dökümantasyondan bakabilirsiniz.
  #6  
Okunmamış 25 Mart 2020, 23:44
halilturhan Adlı Üyenin Avatarı
WM Aracı
 
Üyelik Tarihi: 23 Şubat 2016
Yaş / Cinsiyet: 30 / Erkek
Ad, Soyad: Ha... Tu...
Mesajlar: 219
Beğeniler: 83 / 95
Ticaret: 0, 0%
<div class="card-deck">
<div class="card">
<img src="resim.jpg" class="img-fluid">
</div>
<div class="card">
<img src="resim.jpg" class="img-fluid">
</div>
<div class="card">
<img src="resim.jpg" class="img-fluid">
</div>
</div>



bunu kullanın işinizi görür
  #7  
Okunmamış Dün, 19:01
Desvian Adlı Üyenin Avatarı
WM Aracı
 
Üyelik Tarihi: 03 Ağustos 2019
Yaş / Cinsiyet: 25 / Erkek
Konum: Ankara
Ad, Soyad: Ça... İl...
Mesajlar: 70
Beğeniler: 12 / 11
Ticaret: 0, 0%
img-fluid classını vermeniz gerekiyor.
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: 00:47.