Bootstrap-select 不适用于 Bootstrap 5

Ger*_*era 4 javascript css twitter-bootstrap bootstrap-select

我按照他们的官方网页上的入门指南进行操作

我将 JS 和 CSS 库添加到我的项目中,但它不起作用。

由于某种原因selectpicker设置为display: none!important

在此输入图像描述

    .bootstrap-select>select.bs-select-hidden, select.bs-select-hidden, select.selectpicker {
        display: none!important;
    }
Run Code Online (Sandbox Code Playgroud)

我收到此错误:

在此输入图像描述

由这个JS引起的: <script src="https://cdn.jsdelivr.net/npm/bootstrap-select@1.13.14/dist/js/bootstrap-select.min.js"></script>

我尝试过的:

  • 即使我将代码更改为display: blockbootstrap-select 它仍然无法工作。
  • 按照另一个 SO 问题中的建议更改导入顺序

我已经检查了之前的 SO问题,并且更改了导入的顺序,但它仍然不起作用。

JS 小提琴演示

Ger*_*era 8

已解决,显然我使用的版本与 BS5 不兼容

我做了什么:

script src="https://cdnjs.cloudflare.com/ajax/libs/bootstrap-select/1.14.0-beta2/js/bootstrap-select.min.js"></script>

使用版本1.14.0-beta2代替1.13.14