div里面的循环在php中

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 块位于容器内。 我添加了一个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>

Answer 2

  

没有CSS问题，当他们不知道答案时，人们只知道如何投票，ALAS！

我在循环中使用了一个计数器。

如果单行中已有4个块/产品，那么它会检查，那么它将创建一个新行

@name