Grid yapısı kullanınca resimler neden yan yana gelmediler?

yazilimologgg31 · 11 Aralık 2023

Grid yapısı kullandım fakat resimler yan yana gelmediler?

yazilimologgg31 dedi:
Grid yapısı kullandım fakat resimler yan yana gelmediler?

@533388 hocam bakabilir misiniz?

533388 · 11 Aralık 2023

yazilimologgg31 dedi:
@Jsnake hocam bakabilir misiniz?

Bootstrap mi kullanıyorsunuz?

yazilimologgg31 · 11 Aralık 2023

533388 dedi:
Bootstrap mi kullanıyorsunuz?

Evet hocam ama yapamadım ya sıkıntı çıktı.

E1Rhan · 11 Aralık 2023

yazilimologgg31 dedi:
Grid yapısı kullandım fakat resimler yan yana gelmediler?

@533388 hocam bakabilir misiniz?

Aynı div içindeler mi ?

533388 · 11 Aralık 2023

yazilimologgg31 dedi:
Evet hocam ama yapamadım ya sıkıntı çıktı.

Kodlari da atar misiniz?

yazilimologgg31 · 11 Aralık 2023

533388 dedi:
Kodlari da atar misiniz?

<div class="col-sm-9">
<div class="features">
<h2 class="title text-center">Features Items</h2>
<div class="col-sm-4">
<div class="card" style="width: 18rem;">
<img src="product1.jpg" class="card-img-top" alt="...">
<div class="card-body">
<h5 class="card-title">Card title</h5>
<p class="card-text">Some quick example text to build on the card title and make up the bulk of the card's content.</p>
<a href="#" class="btn btn-primary">Go somewhere</a>
</div>
</div>

</div>
<div class="col-sm-4">
<div class="card" style="width: 18rem;">
<img src="product2.jpg" class="card-img-top" alt="...">
<div class="card-body">
<h5 class="card-title">Card title</h5>
<p class="card-text">Some quick example text to build on the card title and make up the bulk of the card's content.</p>
<a href="#" class="btn btn-primary">Go somewhere</a>
</div>
</div>
</div>
</div>
</div>

E1Rhan dedi:
Aynı div içindeler mi?

Evet hocam.

533388 · 11 Aralık 2023

yazilimologgg31 dedi:
<Div class="col-SM-9">
<Div class="features">
<H2 class="title text-Center">features ıtems</h2>
<Div class="col-SM-4">
<Div class="Card" style="width: 18RAM;">
<İmg src="product1.JPG" class="Card-img-top" alt="...">
<Div class="Card-body">
<H5 class="Card-title">card title</h5>
<P class="Card-text">some quick example text to Build on the Card title and make up the bulk of the Card's content.</p>
<A href="#" class="btn btn-primary">go somewhere</a>
</Div>
</Div>

</Div>
<Div class="col-SM-4">
<Div class="Card" style="width: 18RAM;">
<İmg src="product2.JPG" class="Card-img-top" alt="...">
<Div class="Card-body">
<H5 class="Card-title">card title</h5>
<P class="Card-text">some quick example text to Build on the Card title and make up the bulk of the Card's content.</p>
<A href="#" class="btn btn-primary">go somewhere</a>
</Div>
</Div>
</Div>
</Div>
</Div>

Önce Grid system busayfadaki kodları deneyin ve sonra yapmak istediğinizi yavaş yavaş geliştirin. Açıkçası Bootstrap pek bilmiyor ve kullanmıyorum.

yazilimologgg31 · 11 Aralık 2023

533388 dedi:
Önce Grid system busayfadaki kodları deneyin ve sonra yapmak istediğinizi yavaş yavaş geliştirin. Açıkçası Bootstrap pek bilmiyor ve kullanmıyorum.

Anladım hocam sağ olun.

533388 · 11 Aralık 2023

yazilimologgg31 dedi:
Anladım hocam sağ olun.

Rica ederim, ama dediğim gibi ilk önce bu örnekteki kodu yapıştırın ve bakın çalışıyor mu çalışıyorsa yavaş yavaş geliştirmeye devam edin.

Grid yapısı kullanınca resimler neden yan yana gelmediler?

Ayrıntılı düzenleme

yazilimologgg31

Centipat

Dosya Ekleri

533388

Hectopat

yazilimologgg31

Centipat

E1Rhan

Megapat

533388

Hectopat

yazilimologgg31

Centipat

533388

Hectopat

yazilimologgg31

Centipat

533388

Hectopat

Benzer konular

Bu konuyu görüntüleyen kullanıcılar

Technopat Haberler

Yeni konular

Yeni mesajlar

Gizliliğinize önem veriyoruz