Почему некорректно работает swiper в tab-content блоке bootstrap?

Question

[syavak]

Проблема в том что при загрузке страницы swiper некорректно работает при переходе в другой nav-item, (в nav_item active он работает корректно) показывает только 1 swiper-slide вместо 3. Хотя в консоле или при уменьшении/увеличении размера экрана он начинает работать нормально.

Answer 1

[Kovalsky]

Полагаю, суть вот в этой строчке из документации:

swiperContainer - HTMLElement or string (with CSS Selector) of swiper container HTML element. Required.

Как бы это ни было странно, вы должны передать один элемент или селектор который выберет один элемент. В доказательство вот вам демка из документации