Chosen harvesthq resize width dynamically

Question

How can you have a harvesthq Chosen dropdown with a dynamic width style?

By default it has a fixed width and if you try to modify it with CSS you will have several p

Answer 1

I am doing an app in MVC5.

Here is what I have done:

In the .chosen-container class i added

width: 100% !important; // Assume that it is already 100% max-width: 280px; // It is the max-width of bootsrap form-control-class min-width: 0px; // It can go to 0


It can go from 0 and 280px and I assume that the width is 100%.

This worked out completly responsive for me.