bootstrap carousel +slick slider проблема совместимости

Здравствуйте! Помогите пожалуйста. Когда бутстрап карусель(слайд с ней) оказывается в правой части слик слайдера (после прокрутки)- она перестает быть активной, то есть автоматически она крутится, а при клике ничего не происходит, хотя класс active добавляется к итемам. Потом при прокрутке хоть по кругу, хоть обратно, когда слайд оказывается в левой части все отлично работает. бутстрап 4 слик тоже последний хотя и пробовал бутстрапы ранних версий и на них такая-же проблема. вот код котрый использую (библиотеки подключены стандартные) https://codepen.io/topalex/pen/NYxwzE

$(document).ready(function() {
   $('.slider').slick({ 
    speed:1000,   
    slidesToShow: 4,
    slidesToScroll:1
  });     
 });