в моем рабочем коде есть ошибка. она не работает должным образом

Question

уменьшенный скриншот также прикреплен Я создал миниатюру на своей панели инструментов. Но эти миниатюры сворачиваются друг с другом, и последний эскиз подряд отображается в полноэкранном режиме. Пожалуйста, помогите мне

<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, а затем опубликуйте свои вопросы по этому вопросу, которые помогут вам.