引导框架上通过php生成的缩略图的正确对齐

我想把我的12列空间分成两类，3列和9列宽。第一类是我有一些信息，第二类是9列宽，我想用mysql通过php显示自动生成的内容 第一方代码：

<div class="container">
    <div class="row col-md-12">
<div class="col-md-3">
<div class="well">some content</div>
<div class="well1">some content2</div>
</div>

一些内容
一些内容2

下面是自动生成的第二方编码：

    <div class="col-md-9">


 <?php extract($_POST);
extract($_GET);
include "cw_admin/pageing.php";
$limit = 30;                                
if($page) 
$start = ($page - 1) * $limit;          
else
$start = 0;                     
$filePath="trending.php";
$select="select * from offers where trending='Yes' order by guid desc  Limit $start, $limit ";
$select1="select * from offers where trending='Yes'";
$result=mysql_query($select,$con);
$total=mysql_num_rows(mysql_query($select1,$con));
$otherParams="catid=$catid&shopid=$shopid"; 

        while ($row=mysql_fetch_assoc($result)) {
     $det=mysql_fetch_array(mysql_query("select * from category where id='$row[cat_id]'"));
     $shop=mysql_fetch_array(mysql_query("select * from shop where guid='$row[shopname]'"));?>
<div class="col-md-3">
<div class="thumbnail">

<?php if($shop[imagefile]!=''){?><img src="imagefiles/<?php echo $shop[imagefile];?>" class="img-responsive" "><?php } ?>

<div class="caption">
<h4 class="pull-right"><?php echo $row[rate];?></h4>
        <h4><?php echo $row[productname];?></h4>
 <p><?php echo $row[description];?></p>
         <p><?php if($row[offer_end]!='0000-00-00'){?>Offer Ends On: <?php echo $row[offer_end];}?></p>
        <p><?php if($row[coupon]!=''){?>Coupon Code:<?php echo $row[coupon];?><?php } ?></p>
 <?php 
                                 if($_SESSION[userid]!='')
                                { ?>
                                <a  href="<?php echo $row[main_url];echo "&";echo $row[affid];echo "&";echo $row[memid];echo "=";echo $details[userid];echo $row[deepid];?>"  target="_blank" class="btn btn-primary" > Earn <?php echo $row[value];?> Points</a>
                                <?php } 
                               else { ?>
                                <a  href="#1" data-toggle="modal" data-target="#myModal2" class="btn btn btn-primary" >Earn <?php echo $row[value];?> Cash</a>
                                <?php };
                                ?> 
</div>
</div>
</div>
<?php } ?>


</div>


</div>
</div>

几个问题以及如何解决它们：

这一行中有一个额外的“
”class=“img responsive”“>
在
class=“img responsive”
之后。如果不删除它，肯定会把事情弄得一团糟
如果您有一个列，并且要在其中嵌套其他列，则必须添加一行，否则将使用双重填充。row类将向左和向右添加负15px的边距，以抵消嵌套列所在列的列填充。因此，使用row类创建另一个div，并将其环绕在您的col-md-9分区（如果您需要更多关于此概念的解释，请参见我的答案中的图表）
col-md-3将在一行中为您提供4个项目。这就是它的工作原理。3表示3列12（即12/3=4）。如果您只想在一行中包含3个项目，请将其设置为：
col-md-4
无论是图像高度还是文本行数的差异，列都使用float:left。这意味着如果您有（例如）第二列比其他列长的五列，如果它们都设置为col-md-3，那么第五列就不能一直向左浮动到下一行，因为第二列会挡住它。有两种简单的方法来处理这个问题：
a、 将浮动元素设置为固定高度。例如，在您的示例中，可以为缩略图（甚至col-md-3）设置固定高度

b、 在希望显示在一行中的每一组列之后关闭该行，这样元素就不会换行。关闭该行并创建一个新行将清除浮动。例如，您可以这样构造代码：

<div class="row">
  <div class="col-md-3">...</div> 
  <div class="col-md-3">...</div> 
  <div class="col-md-3">...</div> 
  <div class="col-md-3">...</div> 
</div> 
<div class="row">
  <div class="col-md-3">...</div> 
  <div class="col-md-3">...</div> 
  <div class="col-md-3">...</div> 
  <div class="col-md-3">...</div> 
</div> 


... 
... 
... 
... 
... 
... 
... 
... 

要完成第二个选项，您必须使用一点php来检查结果集的长度，然后您可以使用两个循环来为行和每行中的列创建标记。
您的代码是一团乱麻，任何人都很难帮助您。我们只是试图编辑deisgner提供的代码。这是最糟糕的o我正在尝试编辑。请帮助我。尽管我已经给出了3列宽度，但它还是像这样出现了，而且正在被扭曲。请帮助我们，我们不能再请其他设计师感谢您的帮助。但是我不明白的是，剩余的宽度只有9列，所以当我给出col-md-3时，它应该是9/3=3个缩略图。关于diStorion我使用了Massiness jquery插件，这样它可以自动调整大小。啊，看，这不是它的工作原理。每次嵌套一行时，每个嵌套行也有12个网格列。网格列在固定空间中不是固定宽度。它们是百分比。因此，如果你查看任何列的规则-*-3，它的宽度是25%。请进一步了解现在呢？