Twitter bootstrap 3 引导选择下拉菜单在与slick slider一起使用时会失真

将下拉菜单与滑块一起使用时，它会失真

这是到JSFIDLE的步骤。 HTML代码：

<div class="slider">
<select name="test" multiple="" class="selectpicker">
  <option value="Created" data-subtext="">Created (91)</option>
  <option value="Approved" data-subtext="">Approved (6038)</option>
  <option value="Completed" data-subtext="">Completed (477)</option>
   <option value="Held" data-subtext="">Held (54)</option>
   <option value="Rejected" data-subtext="">Rejected (4)</option>
   <option value="Cancelled" data-subtext="">Cancelled (71)</option>
   <option value="Authorized" data-subtext="">Authorized (1)</option>
</select>
<select name="test" multiple="" class="selectpicker">
  <option value="Created" data-subtext="">Created (91)</option>
  <option value="Approved" data-subtext="">Approved (6038)</option>
  <option value="Completed" data-subtext="">Completed (477)</option>
   <option value="Held" data-subtext="">Held (54)</option>
   <option value="Rejected" data-subtext="">Rejected (4)</option>
   <option value="Cancelled" data-subtext="">Cancelled (71)</option>
   <option value="Authorized" data-subtext="">Authorized (1)</option>
</select>
<select name="test" multiple="" class="selectpicker">
  <option value="Created" data-subtext="">Created (91)</option>
  <option value="Approved" data-subtext="">Approved (6038)</option>
  <option value="Completed" data-subtext="">Completed (477)</option>
   <option value="Held" data-subtext="">Held (54)</option>
   <option value="Rejected" data-subtext="">Rejected (4)</option>
   <option value="Cancelled" data-subtext="">Cancelled (71)</option>
   <option value="Authorized" data-subtext="">Authorized (1)</option>
</select>
</div>

重现问题的步骤 单击“选择”框，它会变形。

预期的行为是什么？ 无油腻：

观察到的行为是什么？ 用滑头：

====================================================================

有人对此有什么解决办法吗

提前感谢

添加此样式

 .slick-list {
     overflow: unset;
}

---

我也在引导选择问题跟踪器上发布了这个问题：。 答复如下：

您需要设置容器：“body”或数据容器=“body”。

根据集装箱文件：

将选择菜单附加到特定元素，例如容器：“body” 或数据容器=“.main content”。如果选择 元素位于溢出：隐藏的元素内

Select元素位于slick列表中，该列表设置了

溢出：隐藏

，以便只有当前幻灯片可见，因此当我们设置container:body时，它可以工作

这是工作小提琴：

---

感谢您的回复：）

这个（.slick list）css类属于slick插件。您必须将其css属性从“overflow:hidden”重写为“overflow:unset”。谢谢您的回复。我认为这将使隐藏的幻灯片可见

 .slick-list {
     overflow: unset;
}