我想將面板與引導程序並排放置

Question

我通過while循環從數據庫中獲取一些信息，以與boostrap並排輸出面板。

這是代碼：

<?php

    $sql = "SELECT * FROM items ORDER BY `id`"; 

    $res = mysqli_query($conn,$sql);

    $x = 4;

    while($page = mysqli_fetch_assoc($res)){ 
        echo "<div class='col-lg-$x col-md-5'>
                 <div id='posts' class='transitions-enabled masonry'>".
                   "<div class='box panel panel-default masonry-brick' style='position: absolute; top: 0px; left: 0px;'' target='_blank>".
                      "<a href=''><img src=''></a>". 
                         "<h2 class='box_text_hover'>". $page["name"]"."</h2>".(float)$page["price"]." ". 
                          "<a href='item.php?id=".$page["id"]."'>See more!</a>".
              "</div></div>". 
            "</div>"; 
          $x+=2;
        }
    mysqli_close($conn);
?>

但是輸出總是看起來像這樣：

Answer 1

請添加您的php的完整代碼。 似乎您沒有為div class =“ panel panel-default”分配“ col-sm-4”類。 數字4是面板的寬度。 while循環回顯的這些數字的總和不能大於12。