Select2 4.0.0 Bootstrap theme

Question

Nella versione select2 4.0 è disponibile un'opzione per il tema. Tuttavia nella documentazione non riesco a trovare cosa significa l'opzione e come posso creare un tema personalizzato (https://select2.github.io/examples.html)

Ho trovato il tema bootstrap 3 per select2, ma sembra che funzioni solo per la versione 3.5.

Quindi è possibile creare un tema personalizzato per l'ultima versione di select2 (4.0)? Fondamentalmente ho bisogno dello stile bootstrap 3 preferibilmente con il file LESS

Answer 1

@fk sta lavorando su un tema Bootstrap 3 per Select2 4.0.0.

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

Non c'è attualmente alcuna documentazione su temi creando per Select2 4.0.0, ma può aiutare a guardare il default theme's SCSS per i selettori.

Answer 2

Se si desidera utilizzare lo styling bootstrap dalla risposta Kevin Brown'

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

È aggiunge questo file css alla tua pagina, mantenere l'impostazione predefinita Select2 stili

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

Quindi impostare t egli tema

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

Also, uso classi .select2-bootstrap-prepend e .select2-bootstrap-accodamento sugli elementi involucro .input-gruppo per pulsanti dei gruppi e seleziona perfettamente .