我的工作代码中有错误。它不能正常工作

Posted 2023-03-14

【中文标题】我的工作代码中有错误。它不能正常工作

【英文标题】：there is bug in my working code.it does not work properly

【发布时间】：2019-11-12 02:39:26

【问题描述】：

thumbnail screenshot also attached我已经在我的仪表板中创建了缩略图。但是这些缩略图正在相互折叠，并且一行中的最后一个缩略图全屏显示。请帮助我

<div class="container">
  <h1>Trending Groups</h1>
  <div class="row">
    <div class="col-md-3 col-sm-6">
      <div class="thumbnail">
        <img src="image/2.png">
        <p class="caption">outstanding</p>
      </div>
    </div>
    <div class="col-md-3 col-sm-6">
      <div class="thumbnail">
        <img src="image/2.png">
        <p class="caption">outstanding</p>
      </div>
    </div>
    <div class="col-md-3 col-sm-6">
      <div class="thumbnail">
        <img src="image/2.png">
        <p class="caption">outstanding</p>
      </div>
    </div>
    <div class="col-md-3 col-sm-6">
      <div class="thumbnail">
        <img src="image/2.png">
        <p class="caption">outstanding</p>
      </div>
    </div>
  </div>
</div>

【问题讨论】：

贴一个完整的代码。

试着想一个更好的标题。您不想要的图像是怎么回事？然后，我建议使用该标题进行搜索（我相信堆栈溢出会自动执行此操作，但搜索引擎似乎会提供更好的结果）此外，比图像更好的是我们可以查看的工作代码。例如，我们不知道您的 thumbnail 类包含什么。

欢迎来到 SO。请使用tour 的help centre 来查看how to ask a good question。如果您没有提供足够的代码来复制您的问题，我们将无法帮助您 - 请参阅如何创建 minimal reproducible example

【参考方案1】：

尝试为您的图片提供高度和宽度，也可以在谷歌中搜索一下，然后发布您的问题，这将对您有所帮助。