Slick внутри вкладок Bootstrap

Слайдер Slick довольно популярен. Я тоже его использую при верстке сайтов, в том числе и на фреймверке Bootstrap. Хотя bootstrap и имеет карусель, slick гибче настраивается и выглядит более легковесным на странице. Но вот если его поместить во вкладки, то на закрытых вкладках слайдер не отображается корректно и не работает. Почему это происходит, и как исправить?

Причина – скрипт неправильно высчитывает высоту и ширину блока слайдера, т.к. вкладка скрыта. Исправить это можно, если переинициализировать слайдер в момент открытия вот таким JS-кодом:

$('a[data-toggle="tab"]').on('shown.bs.tab', function (e) {
  $('.your-class').slick('setPosition');
})