Select2 4.0.0 Bootstrap主题

Question

在select2 4.0版本中有一个主题选项。但在文档中我找不到选项的含义，我如何创建自定义主题（https://select2.github.io/examples.html）

我找到了select2的bootstrap 3主题，但它似乎只适用于3.5版本。

所以我可以为select2最新版本（4.0）创建自定义主题？基本上我需要引导3样式最好与LESS文件

Answer 1

@fk正在为Select2 4.0.0的Bootstrap 3主题。

https://github.com/select2/select2-bootstrap-theme

目前还不能用于选择二4.0.0创建主题的任何文件，但它可能有助于看看default theme's SCSS的选择。

Answer 2

如果你想使用自举造型从凯文·布朗的回答

https://github.com/select2/select2-bootstrap-theme

您添加这个CSS文件到你的页面，保持默认选择2个风格

<link href="/select2-bootstrap-theme/select2-bootstrap.min.css" type="text/css" rel="stylesheet" />

然后设置t他的主题

$("#elem").select2({theme:"bootstrap"});

Also，利用类别.select2的自举-前置和.select2的自举-追加上。输入组包装元素到组按钮并选择无缝。