新项目开始使用 bootstrap 5 之后，相关依赖的样式也得跟着升级。

找了一下 select2 的 bootstrap5 样式，找到这个项目 select2-bootstrap-5-theme，使用了一下，感觉不错，推荐一下。

使用方法

引入依赖后，只需要在 select2 初始化的时候设置一下 theme 参数即可，以 jquery 为例:

$("select").select2({
    theme: "bootstrap-5",
});

这是最基础的用法，详细的使用方法参见官方仓库。

使用效果

2024-04-15T10:06:23.png

非常完美~！

标签: select2, boostrap5, boostrap