Bootstrap: .card-footer not aligned to bottom of card in .card-group

[ketangoyani]

what i want is

[MatthewRayfield]

Can't seem to reproduce this issue.

Looks like it's working here: https://jsfiddle.net/555Lq4k1/

Is this different than what you're doing @ketangoyani ?

[casselc]

Using .card-title seems to cause this issue in subsequent cards: https://jsfiddle.net/kn3b86mn/

Actually, seems to only align properly for the card with the most/largest content: https://jsfiddle.net/yjqj2cg0/

[eproxus]

Also occurs inside a .card-deck: https://jsfiddle.net/mtcL9fwf/6/

[Sebsebzen]

I'm having the same problem. It's a bit annoying.

[rwaltenberg]

Would not a flexbox solve this? https://jsfiddle.net/fdcvrfst/2/

Like:

@media (min-width: 544px) {
  .card-group {
      display: flex;
      width: 100%;
  }
  .card-group .card {
      display: flex;
      flex: 1 1 auto;
      flex-direction: column;
      justify-content: space-between;
  }
  .card-block {
    flex: 1 1 auto;
  }
}

[brjadams]

I'm also experiencing this. @rwaltenberg 's example with a little tweak works for .card-deck

```
.card-group {
display: flex;
width: 100%;
}

.card-deck .card {
display: flex;
//flex: 1 1 auto;
flex-direction: column;
justify-content: space-between;
}

.card-block {
flex: 1 1 auto;
}```