使记录从数据库中获取响应

Question

我正在使用bootstrap框架。 我有这样的代码

＆＃13;

＆＃13;

<?php
$id=$_GET["pid"];
$query="Select * FROM product WHERE pid='$id'";
$result=mysql_query($query) or trigger_error(mysql_error());
while ($row=mysql_fetch_array($result)) {
$image=$row['image'];  --->image path
$head=$row['head'];
?>

<div class="col-md-12">
<ul class="cgrid">
  <li>
    <a href=<?php echo "\" page.php?pid=$id \"" ;?>><?php echo $image;?>   
    <h4><?php echo $head ;?></h4>
    </a>
  </li>
</ul>
</div>

<?php
}
?>

＆＃13;

＆＃13;

＆＃13;

.cgrid li {width: -webkit-calc(100% / 3);} 我也包含了响应式CDN。 让我们说我的数据库中有6条记录，每行记录3条记录 我想要的是：我希望记录能够响应，即，我不想让它伸展，我希望它随着屏幕尺寸的减小将它对齐到2或1行。我怎么能做到这一点？
提前谢谢：）