What is the best way to make a carousel in a modal window?

Question

css

There is a modal window

<!-- Modal for portfolio item 1 -->
    <div class="modal fade" id="Modal-1" tabindex="-1" role="dialog" aria-labelledby="Modal-label-1">
      <div class="modal-dialog" role="document">
        <div class="modal-content">
          <div class="modal-header">
            <button type="button" class="close" data-dismiss="modal" aria-label="Close"><span aria-hidden="true">&times;</span></button>
            <h4 class="modal-title" id="Modal-label-1">Ящик №1</h4>
          </div>
          <div class="modal-body">
            <img src="images/demo/portfolio-1.jpg" alt="img01" class="img-responsive" />
            <div class="modal-works"><span>216*310*130</span><span>Берёза</span></div>
            <p>Удобный ящик для хранения и транспортировки</p>
          </div>
          <div class="modal-footer">
            <button type="button" class="btn btn-default" data-dismiss="modal">Закрыть</button>
          </div>
        </div>
      </div>
    </div>

It is necessary to organize the display of a carousel in it with an array of images (portfolio- 1 .jpg, portfolio- 2 .jpg, etc.). How best to do it. Couldn't find code example.

Answer 1

https://codepen.io/krnlde/pen/pGijB

Answer 2

Owl Carousel