Bootstrap 4 Bootstrap 4行未根据Slick.js幻灯片高度调整其高度

Bootstrap 4 Bootstrap 4行未根据Slick.js幻灯片高度调整其高度,bootstrap-4,slick.js,Bootstrap 4,Slick.js,我正在尝试制作一个Slick.js滑动条和thumb导航器。如演示所示,每个幻灯片都有不同的高度,根据容器内的内容而有所不同。我的期望是,带有bg dark的行应该调整其高度,因为Slick正在根据内容更改其高度,但事实并非如此 $(“.profile slider”).slick({ 幻灯片放映:1, 幻灯片滚动:1, 箭头:错, centerMode:对, 点:错, 是的, }); $(“.缩略图滑块”).slick({ asNavFor:“.profile滑块”, 点:是的, 无限:是的,

我正在尝试制作一个Slick.js滑动条和thumb导航器。如演示所示,每个幻灯片都有不同的高度,根据容器内的内容而有所不同。我的期望是,带有bg dark的行应该调整其高度,因为Slick正在根据内容更改其高度,但事实并非如此

$(“.profile slider”).slick({
幻灯片放映:1,
幻灯片滚动:1,
箭头:错,
centerMode:对,
点:错,
是的,
});
$(“.缩略图滑块”).slick({
asNavFor:“.profile滑块”,
点:是的,
无限:是的,
幻灯片放映:10,
幻灯片滚动:1,
centerMode:对,
可变宽度:true,
箭头:错,
焦点选择:正确
});

您应该能够通过使用设置
adaptiveHeight:true
来解决此问题。此外,如果一次只显示一张幻灯片,则无需设置
centerMode

$(“.profile slider”).slick({
幻灯片放映:1,
幻灯片滚动:1,
箭头:错,
点:错,
是的,
自适应高度:真
});

谢谢,伙计,它没有记录在slickJS文档中,所以我无法理解。