Bootstrap-select: Bootstrap Select for Bootstrap 4

Created on 17 Dec 2015 · 8Comments · Source: snapappointments/bootstrap-select

Hello !

I just want to know when do you release a version for Bootstrap 4.

I work on a project that will be deployed in a short time and to save time, we work with Bootstrap 4.

I tried to use the latest version but there are several problems. The list is displayed on the side with no style. I replaced btn-default by btn-secondary . I think the worry comes from the dropdown class.

I will try to change the js to work with Bootstrap 4.

Source

SatanicGeek

Most helpful comment

yehhh we need it

gordett on 24 Jun 2017

👍7

All 8 comments

I'm interested too.
Thanks

AndreaLombardo on 31 Dec 2015

I had a ugly trick but work fine until the stable release.
You can add to css file:

.bootstrap-select  li.selected a{
    background: #3086E4;
    color: white;
}
.bootstrap-select  li.selected a:hover{
    background: #256CB8;
}

And on js file add classes line

var generateA = function (text, classes, inline, tokens) {
          classes += " dropdown-item";

and on Selectpicker.DEFAULTS declaration

    style: 'btn-secondary',

trippo on 8 Jan 2016

👍4 ❤1

Duplicate of #1135.

caseyjhol on 7 Mar 2016

yehhh we need it

gordett on 24 Jun 2017

👍7

Bootstrap 4 support has officially been added in v1.13.0!

caseyjhol on 19 Apr 2018

👍1

i have created a new select js library called four-boot
inspired from Bootstrap select
check it here:
FourBoot Select Picker

ibraheem-ghazi on 29 Apr 2018

👍3 ❤2

It looks Great @IbraheemAlnabriss

abishekaasaari on 1 Jun 2018

👍1

i'm having a problem where the dropdown doesn't show my options. however, if i inspect the page, i do see the options got filled in, it just wont show them when i click the dropdown.