Satır başına yalnızca üç öğe nasıl hizalanır?

Question

Satır başına en fazla üç öğenin doğru bir şekilde görüntülenmesiyle ilgili bir sorun yaşıyorum. Bu, değiştirmem gereken bir şeydir, ancak ihtiyacım olan satır sayısını ve bunların doğru bir şekilde nasıl hizalanacağını belirlemek için $count gibi bir değişkenin nasıl kullanıldığını göremiyorum. Orada

if(mysqli_num_rows($result)){ 
    while($row = mysqli_fetch_assoc($result)){ 
     print 

     "<div id='products' class='row list-group'>". 
     "<div class='item col-xs-4 col-lg-4'>". 
      "<div class='thumbnail'>". 
       "<img class='group list-group-image' alt='' />". 
       "<div class='caption'>". 
        "<h4 class='group inner list-group-item-heading'> 
         'Title 1'</h4>". 
        "<p class='group inner list-group-item-text'> 
         Sample.</p>". 
        "<div class='row'>". 
         "<div class='col-xs-12 col-md-6'>". 
          "<p class='lead'> 
           654</p>". 
         "</div>". 
         "<div class='col-xs-12 col-md-6'>". 
          "<input type='submit' value='Add to basket' class='btn btn-success btn-block btn-lg' >". 
         "</div>". 
        "</div>". 
       "</div>". 
      "</div>". 
     "</div>"; 
    } 
} 

yerde bunu doğru bir şekilde bölmek için nasıl belirlemek için nasıl bilmiyorum: Bu kod olan

:

Bu gibi şu anda bir şey.

Bunu yapmak için nasıl giderim?

EDIT: Şimdi böyle bir şey alıyorum aşağıdaki kodu denedikten sonra:

Teşekkür

Answer 1

if(mysqli_num_rows($result)){ 
    print "<div id='products'>"; 
    $count = 0; 

    while($row = mysqli_fetch_assoc($result)){ 
     if ($count % 3 === 0) { 
      if ($count > 0) print "</div>"; 
      print "<div class='row list-group'>"; 
     } 
     print 
     "<div class='item col-xs-4 col-lg-4'>". 
      "<div class='thumbnail'>". 
       "<img class='group list-group-image' alt='' />". 
       "<div class='caption'>". 
        "<h4 class='group inner list-group-item-heading'> 
         'Title 1'</h4>". 
        "<p class='group inner list-group-item-text'> 
         Sample.</p>". 
        "<div class='row'>". 
         "<div class='col-xs-12 col-md-6'>". 
          "<p class='lead'> 
           654</p>". 
         "</div>". 
         "<div class='col-xs-12 col-md-6'>". 
          "<input type='submit' value='Add to basket' class='btn btn-success btn-block btn-lg' >". 
         "</div>". 
        "</div>". 
       "</div>". 
      "</div>". 
     "</div>"; 
     $count++; 
    } 
    print "</div>". 
    "</div>"; 
} 

Notlar:

• Daha aynı kimliği yazmak yerine, bir kereden daha fazla
• Yalnızca bir öğe yerine yalnızca bir "satır" basıyorsunuz Satır

diğer sonrası $ count% 3 === 0 ifadesi yukarı üst kullanarak doğru yolda, ama biz de hem yeni div açmak VE o değil mi if (Orada geçen div kapatmalıdır ilk iterasyon. Döngüden sonra, row.list grubu div'unu her zaman kapatırız, çünkü tasarımımız her zaman açık olacaktır.