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="https://cdn.jsdelivr.net/npm/bootstrap-select@1.13.14/dist/js/bootstrap-select.min.js"></script>
What I've tried:
display: block
bootstrap-select it is still not working.I already checked this previous SO question and I changed the order of the imports but still, it is not working.
Solved, apparently the version I was using is not compatible with Bootstrap 5
What I did:
<script src="https://cdnjs.cloudflare.com/ajax/libs/bootstrap-select/1.14.0-beta2/js/bootstrap-select.min.js"></script>
Use version 1.14.0-beta2
instead of 1.13.14