产品显示格式正确

Question

我使用以下缩略图显示用户可以评分的产品列表。问题是只有在未按下提交按钮时，列表才会以正确的格式显示。如果用户提交投票，则格式化将崩溃，并且所有内容都会不一致地显示。我没有使用任何可能影响它的CSS。只有背景颜色。

代码：

<div class="col-sm-6 col-md-4">
     <div class="thumbnail">
          <img src="<?php echo "img/".$imagefile ?>" />
          <div class="caption">
               <h3><?php echo $title ?></h3>
               <p><?php echo " Average rating: " . $rating . "</h3>"; ?></p>
               <p><form method="POST" action="<?php PHP_SELF ?>">
               <?php  if (isset($_SESSION["AlbumRated"][$id])) { ?>
               <input name="userRate" type="number" class="rating" data-size="xs" min="1" max="5" step="1" value="<?php echo $rating ?>" disabled=true>
               <?php } else { ?>
               <input name="userRate" type="number" class="rating" data-size="xs" min="1" max="5" step="1" value="<?php echo $rating ?>">
               <button name="rate" class="btn btn-primary btn-xs">Submit</button> 
               <?php } ?>
               Votes <?php echo $votes ?>
               <input type="hidden" name="id" value="<?php echo $id; ?>">
               </form></p>
           </div>
     </div>
</div>