新项目开始使用 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

添加新评论