Как сделать слайдер по макету?

Question

[Александр Буки]

Добрый вечер.
Не получается настроить слайдер как на макете.
Нужно чтобы слайды не повторялись, а перемещались либо mouseDrag, либо нажатием стрелочки внизу.
Использую owlcarousel, jquery и bootstrap.
Важный момент, что верстка сделана так, что основной контент идет по центру, соответсвенно и компоненты слайдера должны начинаться с отступом как у основного контента, при этом справа отступов нет.

Ссылка на код https://codepen.io/alex-buki/pen/JQyMYz

Ниже макет.

Answer 1

[dicem]

Для твоих целей я бы использовал swiper нежели owl, там отлично реализован draggable, а как мэйн кард можно использовать второй слайдер в формате thumbs