2015-03-30 102 views
5

在select2 4.0版本中有一個主題選項。但在文檔中我找不到選項的含義,我如何創建自定義主題(https://select2.github.io/examples.htmlSelect2 4.0.0 Bootstrap主題

我找到了select2的bootstrap 3主題,但它似乎只適用於3.5版本。

所以我可以爲select2最新版本(4.0)創建自定義主題?基本上我需要引導3樣式最好與LESS文件

回答

9

@fk正在爲Select2 4.0.0的Bootstrap 3主題。

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

目前還不能用於選擇二4.0.0創建主題的任何文件,但它可能有助於看看default theme's SCSS的選擇。

+1

好的,謝謝。其實我選擇了另一個插件,因爲我遇到了一些麻煩(如果我沒有記錯自適應設計問題)。但無論如何,謝謝 – Victor 2015-04-06 10:07:48

+2

如果我可能問,你選擇了哪個插件?謝謝 – mxb 2016-04-04 11:17:00

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的自舉-追加上。輸入組包裝元素到組按鈕並選擇無縫。