W3 Bootstrap 模板缺少列？

Posted 2023-03-05

【中文标题】W3 Bootstrap 模板缺少列？

【英文标题】：W3 Bootstrap Template Missing Columns?

【发布时间】：2020-06-07 02:49:54

【问题描述】：

我正在创建一个电影网络应用程序，目前是引导模板here。由于某种原因，在我的网站上有一些列缺失，如下图所示。我不知道为什么这些列丢失了，因为我在页面的 html 中找不到任何会导致它的内容。任何帮助将不胜感激。

这是我的 html 代码。

<div class="container-fluid bg-3 text-center">    
  <h3>Movies</h3><br>
  <div class="row">
    % for item in data %
      <div class="col-md-2">
        <a href="shows/ item.show_id "><img src=" item.poster " class="img-responsive" style="width:100%" ></a>
        <p> item.title </p>
      </div>
    % endfor %
 </div>

---

缺失列的图片

【问题讨论】：

可能由于图片大小

【参考方案1】：

您的代码很好，这是由于图像大小不同。

【讨论】：

您知道如何进行修复以使图像不会“超出”某个“边界”并导致这些缺失框吗？