Sélectionner une page


Apprenez à en créer un Liste déroulante de bootstrap à sélection multiple Avec Sélection Bootstrap et Bootstrap 4.

Cette solution peut remplacer l’élément de sélection natif par plusieurs sélections ou une liste de cases à cocher.

Instructions étape par étape
  • Ajoutez Bootstrap 4 et jQuery à votre projet
  • Inclure le plug-in Bootstrap Select
  • Ajoutez une sélection normale à votre code HTML. N’oubliez pas de les ajouter multiple Attribut.
  • Facultatif: j’utilise également certaines classes utilitaires Bootstrap dans data-style – – <select multiple data-style="bg-white rounded-pill px-4 py-3 shadow-sm " class="selectpicker w-100"> options go here</select>
  • Initialiser Bootstrap Select dans JavaScript – $('.selectpicker').selectpicker();

J’ai également fait un tutoriel vidéo, veuillez le regarder. C’est la même solution, mais je n’utilise pas de style personnalisé comme dans l’exemple JSFiddle.

Si vous avez aimé cet extrait, n’hésitez pas à l’explorer aussi
Liste des produits Bootstrap
ou Pied de page Bootstrap avec menus et formulaire d’inscription
.

Veuillez noter que l’éditeur interactif de cette page doit être affiché sur votre ordinateur portable ou de bureau pour de meilleurs résultats.



Source link

Recent Posts