Выбранные параметры в Select2 находятся за пределами поля ввода

#twitter-bootstrap-3 #jquery-select2

#twitter-bootstrap-3 #jquery-select2

Вопрос:

Я новичок в Select2.

Когда у меня есть несколько вариантов выбора, Select2 растягивает контейнер по горизонтали. Это нормально до определенной ширины. Но если я выберу много параметров, окно контейнера выйдет за пределы окна. Я попытался установить ширину с помощью опций, но это не дало желаемого эффекта.

 $(".select2").select2({ width: '300' });
  

Я провел некоторый поиск и нашел это решение:

 .select2-container {    
    max-width:100%;
}
  

Это останавливает растягивание контейнера за пределы экрана, но это не мешает выбранным параметрам становиться больше, чем поле контейнера.

введите описание изображения здесь

Я работаю с bootstrap3.

Мне нужно, чтобы Select2 выполнял разрыв строки после достижения максимальной ширины и растягивал контейнер по вертикали. Как я могу этого добиться?

Большое спасибо за вашу помощь

Комментарии:

1. Какую версию select2 вы используете? Он должен автоматически перейти на новую строку из поля. Возможно, есть какой-то конфликт с вашим CSS.