我想将面板与引导程序并排放置

时间:2016-06-29 21:07:11

标签: php mysql class styles panels

我使用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);
?>

但输出总是如下:

enter image description here

1 个答案:

答案 0 :(得分:0)

请添加您的php的完整代码。好像你没有指定一个&#34; col-sm-4&#34; class to class class =&#34; panel panel-default&#34;。数字4是面板的宽度。这些数字的总和与你的while循环相呼应,不能高于12。