Bootstrap - aligner le bouton en bas de la carte

J'ai été jeter un oeil à l'un de l'Amorçage d'exemples d'utilisation de la card-deck et card classes (Exemple de prix). Je me demandais comment on peut résoudre le bouton d'alignement si l'une des listes a moins d'éléments que les autres.

Bootstrap - aligner le bouton en bas de la carte

Je voudrais que tous les boutons soient alignés verticalement (au bas de chaque carte), mais je ne pouvais pas trouver un moyen de le faire. J'ai essayé le réglage de la .alignez-bas classe de l'emballage sur le bouton dans la <div class="align-text-bottom">. J'ai aussi essayé plusieurs suggestions de cette question sur l'ajout de l'espace cependant toujours pas de succès (aussi l'espacement doit être variable, tel qu'il remplit l'espace restant de la liste).

D'emballage dans <div class="carte-pied de bg-blanc"> n'a pas donné le résultat souhaité soit qu'il ne s'aligne pas sur le bouton en bas de la carte et il crée une sorte de frontière autour d'elle.

Quelqu'un a une idée?

Edit: Ici est un jsfiddle qui ressemble à ce problème.

  • Vous pouvez toujours vous positionner comme absolute, bottom:0, margin:0 auto, avec un de leurs parents définir comme position: relative
  • J'ai essayé de réglage style="margin-top: auto;", mais cela ne change pas la situation. Le bouton se trouve exactement là où il était avant. Voir ce violon.
InformationsquelleAutor a_guest | 2018-01-23