Bootstrap Thumbnails 中的 PHP 图像不会内联

Question

我有一个相对简单的 PHP 连接脚本到我的数据库中的一个表。在此表中，我有一个指向我的图像文件的链接路径。我使用这样的语句调用图像:

$sql="SELECT * FROM table";
$result=mysql_query($sql);

然后像这样使用 Bootstrap 将图像调用到缩略图中:

<?php
while($rows=mysql_fetch_array($result)){
?>

<div class="container">
  <div class="col-sm-8 col-md-4">
    <div class="thumbnail">
      <img src="<? echo $rows['image']; ?>" class="img-responsive">
      <div class="caption">
        <h3><? echo $rows['name']; ?></h3>
        <p><? echo $rows['description']; ?></p>
        <p><a href="#" class="btn btn-primary" role="button">Open Project</a></p>
      </div>
    </div>
  </div>
</div>


<?php
}

mysql_close();

?>

图片正确地放置在缩略图中，但是当转到数据库中的下一条记录时，缩略图将放置在新行中。但是，在继续下一行之前，它应该有 3 个缩略图(3 个数据库记录)。

有谁知道如何解决这个问题，这样我就可以连续拥有 3 个缩略图？

Answer 1

尝试添加 .row 类:

<div class="container">
   <div class="row">
     <div class="col-sm-8 col-md-4">
       ...
     </div>
   </div>
</div>