php - div 在 php 中 while 循环

Question

搜索结果应该像这样显示

但我的结果叠加在每个结果之上。

这是我的代码:

<div class="container">

<?php
    mysql_connect("localhost", "root", "") or die(mysql_error());
    mysql_select_db("thesis") or die(mysql_error());

    $search = trim( $_POST['SearchKeywords']);

    $query = " SELECT * FROM new_data WHERE Product_Title or Product_link LIKE'%$search%' "; 

    $sql = mysql_query($query) or die(mysql_error());
    $count = mysql_num_rows($sql);

    $count == 0;

    if ($count == 0) {

        echo "Sorry, Nothing Found !!";

    }else{

    while ($row = mysql_fetch_array($sql)) 
    {
        $img = $row ['Product_Img'];
        $link = $row ['Product_link'];
        $title = $row ['Product_Title'];
        $price = $row ['Product_Price'];
?>

<div class="card"> 
  <div class="front alert alert-success"> 
    <?php echo "$title"; 
         echo "<img src='$img' width='80px' height='100px'>"; 
         echo "$price"; ?> 
  </div> 
</div>
<?php
     };
    };
?>
</div>  <!-- Container -->

那些div block 在容器 中。 为了更好的设计，我添加了一个 Bootstrap 类。

Answer 1

您可以使用 thumbnails with custom content

<div class="row">
  <div class="col-sm-6 col-md-4">
    <div class="thumbnail">
      <img src="..." alt="...">
      <div class="caption">
        <h3>Thumbnail label</h3>
        <p>...</p>
        <p><a href="#" class="btn btn-primary" role="button">Button</a> <a href="#" class="btn btn-default" role="button">Button</a></p>
      </div>
    </div>
  </div>
</div>