【问题标题】:While retrieve from mysql, rows are not placing properly in second row in bootstrap grid [duplicate]从 mysql 检索时,行未正确放置在引导网格的第二行 [重复]
【发布时间】:2018-03-29 01:23:35
【问题描述】:
<?php
    include 'connect.php';
    $sql="SELECT * FROM upload ORDER BY id asc";
    $retval=mysqli_query($conn,$sql);
    while($row=mysqli_fetch_assoc($retval)){
    ?>

      <div class="col-sm-2"> 
      <div class="content-wrapper" style="border:1px solid black;padding:10px;">
        <center>
        <img class="img-responsive" src="<?php echo "img/".$row['bimg']?>"><br>
        Name:<?php echo $row['bname']?><br>
        Author:<?php echo $row['author']?>
        </center>
        </div>
     </div>


<?php
    }
    ?>    

这是我的代码。我正在使用 col-md-2 x 6。在第 1 列的第二行显示在第 6 列下方。请查看我的图片链接并帮助我...谢谢...

i got output like this

【问题讨论】:

  • 你的代码在哪里?
  • ">
    名称:
    作者:

标签: php mysql twitter-bootstrap-3


【解决方案1】:

Bootstrap 在 12 个网格中工作,因此 6 列宽度为 2 = 12,您的第 7 列自然会转到下一行。

所以它可以正常工作。如果您需要 7 行,则需要创建自己的类。

看看这个。

7 equal columns in bootstrap

【讨论】:

  • 谢谢。但实际上我需要连续 6 列。下一个(第 2 行)行中的第 1 列不向左浮动。请帮忙
【解决方案2】:

因此,如果您使用静态列数,您可以使用 div.clearfix 阻止每 6 个项目。

【讨论】:

    猜你喜欢
    • 2013-06-14
    • 1970-01-01
    • 2013-11-19
    • 1970-01-01
    • 2018-04-08
    • 1970-01-01
    • 2013-06-27
    相关资源
    最近更新 更多