我想将面板与 bootstrap 并排放置

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 的完整代码。您似乎没有将 "col-sm-4" class 分配给您的 div class="panel panel-default"。数字 4 是面板的宽度。与您的 while 循环呼应的这些数字的总和不能高于 12。

我想将面板与 bootstrap 并排放置

I want to put panels side by side with bootstrap

php

mysql

styles

class

panels