-
-
Couldn't load subscription status.
- Fork 3.5k
-
Hi, I am new to selectize. I was able to get it working but how do I enable the Bootstrap 5 styles?
Is there a way to make it work with Bootstrap 5 "floating labels"?
Thanks
Beta Was this translation helpful? Give feedback.
All reactions
Replies: 4 comments 2 replies
-
@helgator Did you ever find a solution for this? I'm looking for one as well. As far as I can see it's not supported in the bs5 theme scss.
Beta Was this translation helpful? Give feedback.
All reactions
-
Hi, I am new to selectize. I was able to get it working but how do I enable the Bootstrap 5 styles?
Is there a way to make it work with Bootstrap 5 "floating labels"?
Thanks
The quickest way to enable BOOTSTRAP 5 working with your selectize is to just use selectize.bootstrap5.css .
Download the file here https://github.com/selectize/selectize.js/blob/master/dist/css/selectize.bootstrap5.css
Then remove the default selectize css file - selectize.default.min.css
Beta Was this translation helpful? Give feedback.
All reactions
-
I had tried to grab the scss previously but there was no styling for the floating labels in bootstrap 5.
Beta Was this translation helpful? Give feedback.
All reactions
-
Should I remove 'selectize.css' also?
Beta Was this translation helpful? Give feedback.
All reactions
-
I use bootstrap's dark and light option and it can be changed dynamically, how is it possible to change the selectize style in this case?
Beta Was this translation helpful? Give feedback.
All reactions
-
.selectize-input {
padding-top: 26px !important;
padding-bottom: 6px !important;
border-top-left-radius: 5px !important;
border-bottom-left-radius: 5px !important;
}
Beta Was this translation helpful? Give feedback.
All reactions
-
👍 2