Bootstrap-Select Is Not Working with Bootstrap 5

Bootstrap-Select Is Not Working with Bootstrap 5

I followed the Getting Started guide from their official webpage

I added the JS and CSS libraries to my project and it does not work.

For some reason selectpicker is set to display: none!important:

    .bootstrap-select>select.bs-select-hidden, select.bs-select-hidden, select.selectpicker {
        display: none!important;
    }

And I am getting this error:

Caused by this JS: <script src=""></script>

What I've tried:

  • Even if I change the code to display: block bootstrap-select it is still not working.
  • Changing the order of the imports as suggested in another SO question

I already checked this previous SO question and I changed the order of the imports but still, it is not working.

JS FIDDLE DEMO

4

1 Answer

Solved, apparently the version I was using is not compatible with BS5

What I did:

script src=""></script>

Use version 1.14.0-beta2 instead of 1.13.14

0

Your Answer

By clicking “Post Your Answer”, you agree to our terms of service, privacy policy and cookie policy

James H. Sterling
Author

James H. Sterling

James Sterling reports on renewable energy developments, climate policy, ecological conservation, and green tech innovations around the globe.