Set select-box width to 100% or auto about select2-bootstrap4-theme HOT 4 CLOSED

You're right. I usually use it like this:

<select class="form-control select2 w-100"> <option value=""></option> </select>

from select2-bootstrap4-theme.

All right, but if I'm using form control, I expect the field to be 100% width, as it would be in Bootstrap 4 or 3. Also, styleattribute is not a good practice.

from select2-bootstrap4-theme.

Hy everyone,

I'm just sharing with you all the only way I fix that:

span.select2-container{
    width: auto !important;
}

I'm not sure if it is the best way, but works fine ;)

from select2-bootstrap4-theme.

Select2's own docs say the best way to ensure proper width is to set width: 100% via a style attribute on the original select element, but if the w-100 class works, then great!

from select2-bootstrap4-theme.