search

snapappointments / bootstrap-select

:rocket: The jQuery plugin that brings select elements into the 21st century with intuitive multiselection, searching, and much more.
https://developer.snapappointments.com/bootstrap-select/
MIT License
9.85k stars 2.72k forks source link

Layout/colors and form floating (bootstrap 5) #2833

Open Softmaker opened 1 year ago

Softmaker commented 1 year ago

I use Bootstrap Select (v1.14.0-beta3) in my Bootstrap 5 project. There is a couple things that seems to be a problem:

  1. The color of the Bootstrap Select dropdown is light gray, not like the regular dropdowns in Bootstrap 5. The arrow is also different.

Bootstrap-select

  1. Boostrap Select does not work with floating labels in Bootstrap 5:
<div class="form-floating">
  <select class="form-select selectpicker" multiple id="floatingSelect" aria-label="Floating label select example">
    <option selected>Open this select menu</option>
    <option value="1">One</option>
    <option value="2">Two</option>
    <option value="3">Three</option>
  </select>
  <label for="floatingSelect">Works with selects</label>
</div>

Bootstrap-select2