Django - Bootstrap для l oop не перебирает все объекты

Question

У меня есть приложение Django с bootstrap, и я хочу отобразить предварительный просмотр изображения, поэтому я сделал небольшое изображение и, щелкнув по нему, оно должно появиться на весь экран. Итак, я сделал это:

<img class="painting " src="{{ paintings.Gemälde.url }}" data-toggle="modal" data-target=".bd-example-modal-xl" />
        <div class="modal fade bd-example-modal-xl" tabindex="-1" role="dialog" aria-labelledby="myExtraLargeModalLabel"
            aria-hidden="true">
            <div class="modal-dialog modal-xl" role="document">
                <div class="modal-content">
                    <button type="button" class="close" data-dismiss="modal" aria-label="Close">
                        <span aria-hidden="true">&times;</span>
                    </button>
                    <h5 class="modal-title mx-auto" id="exampleModalLongTitle">"{{ paintings.Bildname }}"</h5>
                    <img class="painting-active" src="{{ paintings.Gemälde.url }}">
                    <div class="modal-footer">
                        <p class="mx-auto">{{ paintings.Bildtechnik }}, {{ paintings.Erstelldatum }}, {{ paintings.Bildmaße_in_cm }}cm
                            {% if paintings.Bildpreis == 0 %}
                            </p>
                            {% else %}
                            {{ paintings.Bildpreis }}
                            {% endif %}
                        </p>
                    </div>
                </div>
            </div>
        </div>

Этот код находится внутри для l oop {% for paintings in artist.paintings.all %}, больше кода здесь

Так что, если я нажму на картинку он показывает все атрибуты первого сохраненного объекта. Но если я уберу кодовый блок выше и заменим его простым списком

<ul>
  <li> {{ paintings.name }} </li>
  <li> {{ paintings.etc }} </li>
</ul>

, все будет показано правильно. Это проблема с bootstrap или это глупая ошибка? Я использую django версию 3.