Döngü İçinde Bootstrap Card Alt Alta Sıralamak

Merhaba arkadaşlar Bootstrap kullanırken veritabanından gelen veriyi card classları içinde yanyana dizmek ve yeni veri geldiğinde alt satıra geçmek istiyorsanız yapmanız gereken bootstrap mimarisini size basitçe anlatacağım. Veritabanından gelen verilerinizi card içinde göstermek istiyorsunuz ve bu veriler alt alta sıralanıyor ama siz yanyana sıralansın ve yeni veri geldiğinde alt satırdan devam etsin istiyorsanız yapmanız gereken şeyler:

  • Önce container ve row classlarını içeren bir div açmak
  • Ardından foreach döngüsünü başlatın
  • Sonra bu döngünün hemen altına class'ı col olan bir div daha açmalısınız
  • Sonraki adımda da istediğiniz card classını kullanarak verinizi yazdırmanız.

Örnek Olarak Kod Parçacığımız Şu Şekilde

 

<div class="container">
<div class="row">

 

@foreach($veriler as $yazi)
 

<div class="col-4 p-4" >
 

<div class="card">

// Verilerinizi Burada yazdıracaksınız

</div>

</div>

@endforeach

</div>

</div>

 

Bootstrap İle Div Ortalama Nasıl Yapılır? 



E-Bültenime Abone Ol



Anahtar Kelimeler: Döngü
Yazan: Emre TENİK

Bu yazı: 150 kez okundu



Yorum Yap




Yorumlar: