slick.js - 为什么在使用 bootstrap 行时克隆了第一张幻灯片?

slick.js - why is the first slide cloned when using bootstrap row?

我想使用 slick.js 滑块和其中的一些 bootstrap 行和列内容。但是,当我使用

 <div class="row">

在第一张幻灯片上,它的内容被克隆并显示在第二张幻灯片上。 有人知道如何解决吗?

fiddle: here

如果您将内容放在其他幻灯片中,您会得到预期的行为(例如 1、2、3)。这是一个可以接受的解决方案吗?