bootstrap 4 sélectionnez style
je voudrais afficher un menu /sélectionner une entrée avec bootstrap 4. jusqu'à présent la seule sélectionnez chose que j'ai trouvé dans la documentation de l'ist cette. ce qui fonctionne, mais n'a pas l'air très bootstrap comme et ne prend pas en charge les icônes, le groupement des diviseurs et des trucs. est-il possible de monter un select avec la fonctionnalité d'une liste déroulante à partir de bootstrap?
quelque chose comme cela, mais seulement en tant que forme d'entrée de toutes sortes:
<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>
quelqu'un a une idée?
OriginalL'auteur Jan Oechsler | 2017-01-10
Vous devez vous connecter pour publier un commentaire.
La capacité de style/format de l'
select
élément est limitée en général, et pas seulement dans le Bootstrap. C'est pourquoi il y a de la 3e partie des plugins tels que https://github.com/silviomoreto/bootstrap-select qui utilisent jQuery pour convertir un élément select "de style et d'apporter des fonctionnalités supplémentaires à la norme de sélectionner des éléments".Vous pouvez également ajouter un peu de jQuery simple de faire le Bootstrap déroulante se comporter comme un élément select: http://www.codeply.com/go/ganazCDXB5
Mise à jour 2018 - Bootstap 4.0.0 (stable)
Déroulante Select: https://www.codeply.com/go/8bAECfv46k
SelectPicker plugin: https://www.codeply.com/go/zpZOlpB4GS
Multiselect plugin: https://www.codeply.com/go/UeqqALYwsT
OriginalL'auteur Zim
Si vous êtes en utilisant Bootstrap 4, alors vous devriez conscient que bootstrap 4 supprime sélectionnez la zone de recherche. Maintenant, vous pouvez ajouter ces fonctionnalités à l'aide de bootstrap-sélectionner.min.fichier css. le lien est ci-dessous
tout d'abord, vous ajoutez les éléments suivants css et un fichier javascript.
après cela, ajoutez le code suivant pour sélectionner la zone
maintenant, vous devez ajouter le code javascript
OriginalL'auteur Sumit Kumar Gupta