2017-01-10 9 views
2

Я хотел бы отобразить выпадающий список/выбрать как вход с бутстрапом 4. Пока что единственная вещь, которую я нашел в документации ist this. который работает, но не выглядит очень загрузочным, как и не поддерживает значки, группируя разделители и прочее. есть ли способ подгонки выбора с функциональностью выпадающего списка из бутстрапа?bootstrap 4 styled select

что-то подобное, но только как форма ввода сортов:

<div class="btn-group"> 
    <button class="btn btn-secondary btn-lg dropdown-toggle" type="button" data-toggle="dropdown"> 
     Large button 
    </button> 
    <div class="dropdown-menu"> 
     <a class="dropdown-item" href="#">Action</a> 
     <a class="dropdown-item" href="#">Another action</a> 
     <a class="dropdown-item" href="#">Something else here</a> 
     <div class="dropdown-divider"></div> 
     <a class="dropdown-item" href="#">Separated link</a> 
    </div> 
</div> 

ли кто-нибудь есть идеи?

ответ

0

Возможность стилизации/форматирования элемента select ограничена в целом, а не только в Bootstrap. Вот почему есть сторонние плагины, такие как https://github.com/silviomoreto/bootstrap-select, которые используют jQuery для преобразования существующего элемента select в «стиль и добавление дополнительных функций к стандартным элементам выбора».

Вы можете также добавить некоторые простые JQuery сделать выпадающий Bootstrap себя как выберите элемент: http://www.codeply.com/go/ganazCDXB5


Update 2018 - Bootstap 4.0.0 (стабильный)

раскрывающимися Выбрать: https://www.codeply.com/go/8bAECfv46k

SelectPicker plugin: https://www.codeply.com/go/zpZOlpB4GS

Multiselect pluginhttps://www.codeply.com/go/UeqqALYwsT