我的工作代码中有错误。它无法正常运行

Question

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>

Answer 1

尝试为图像提供高度和宽度，也可以在Google中进行一些修饰，然后对此发表您的问题，这将对您有所帮助。