データベースから適切なフォーマットのテーブルにアイテムを取得する方法

Question

データベースからアイテムを取得するWebサイトがあります。分単位での方法は、すべての項目が1つの列にあることです。 3つの列に項目が表示され、3つ下に項目が表示されるようになります。誰でもこれを行う方法を知っていますか？

はここにあなたのHTMLが表示問題の原因である可能性があるborkedているよう

<?php 
    // Default query for this page: 
    $q = "SELECT * FROM item"; 
    // Create the table head: 
    echo ' 
     <div class="container"> 
      <div class="table-responsive"> 
       <table border="5" class="col-lg-4" cellspacing="3" cellpadding="3" align="center"> 
        <tr> 
         <td align="left" width="15%"><b>Photo</b></td> 
         <td align="left" width="5%"><b>Condition</b></td> 
        </tr> 
      </div> 
     </div> 
     </div> 
     </div> 
    '; 

// Display all the items, linked to URLs: 
$r = mysqli_query ($dbc, $q); 
while ($row = mysqli_fetch_array ($r, MYSQLI_ASSOC)) { 
    $directory = '/uploads'; 
    $file= $row['image_name']; 
    // Display each record: 
    echo " 
     <tr> 
      <td align=\"center\"><image src=$directory/$file title='$row[image_name]' width='213' height='200'></td> 
      <td align=\"center\">{$row['state']}</td> 
     </tr> 
    "; 
} 
echo '</tbody>'; 
echo '</table>'; 
mysqli_close($dbc); 

Answer 1

私は右のそれを取得する場合、あなたは行ごとに3つの項目をしたいとあなたがいますtwitterのブートストラップCSSフレームワークを使用します。

問題は、主に使用しているHTML構造に起因します。

<div class="container"> 
    <div class="row"> 
     <div class="col-lg-4">item 1</div> 
     <div class="col-lg-4">item 2</div> 
     <div class="col-lg-4">item 3</div> 
     <div class="col-lg-4">item 4</div> 
     <div class="col-lg-4">item 5</div> 
     <div class="col-lg-4">item 6</div> 
    </div> 
</div> 

Answer 2

が見える私のコードです。ちょうどライン上からものを4つの決算divを削除してくださいが

をマーク

//のURLにリンクされているすべての項目を、表示します。