Как лучше сделать карусель в модальном окне?

Question

[lifefuck3r]

Есть модальное окно

<!-- 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>

Необходимо организовать в нём показ карусели с массивом изображений (portfolio-1.jpg, portfolio-2.jpg и т.д.). Как это лучше сделать. Не смог найти пример кода.

Answer 1

[Николай]

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

Answer 2

[Localhost]

Owl Carousel