Как сделать прокрутку в выпадающем списке bootstrap?

Question

[jazzus]

Bootstrap 4. Выпадающий список. Как сделать так, чтобы появлялся скроллинг (серая полоска справа) если строк больше 5?

Answer 1

[dmitriyd555]

задать списку: overflow-y: auto
и высоту или максимальную высоту, например: height: 300px или max-height: 300px

Comments

[jazzus]

сделал стиль

.list-scroll {
  overflow-y: auto;
  height: 100px;
}

затем пробовал на все поля здесь

<div class="form-group">
<select class="form-control">
<option :value="null" disabled>Не выбран</option>
 </select>
</div>

изменяется все кроме выпадающего списка.

[dmitriyd555]

jazzus, Если нужно чтобы в select была прокрутка, то так:

select class="form-control" size="5"

нужно добавить атрибут size с максимальным значением отображения строк списка "5"

[jazzus]

dmitriyd555, bootstrap тогда превращает выпадающий список в это