Это работает, спасибо!
я есть группа загрузочных карт, собранных в группу карт, то есть все они имеют одинаковую ширину и высоту. Содержание каждой карты разное по высоте, и мне нужна кнопка, выровненная внизу каждой карты (не нижний колонтитул карты, у меня есть другой контент там). Я попытался добавить «искусственное» пустое пространство в каждую карточку, чтобы они все совпадали, но это нарушается при изменении размера окна. Есть идеи? Вот соответствующий код.
<div class="card-group">
<div class="card">
<div class="card-header">
Header
</div>
<div class="card-body">
<div>
Line 1
</div>
<div>
Line 2
</div>
<div>
Line 3
</div>
<div>
<input type="button" class="btn btn-primary" value="Need this button aligned at bottom of card" />
</div>
</div>
<div class="card-footer">
Footer
</div>
</div>
<div class="card">
<div class="card-header">
Header
</div>
<div class="card-body">
<div>
Line 1
</div>
<div>
Line 2
</div>
<div>
<input type="button" class="btn btn-primary" value="Need this button aligned at bottom of card" />
</div>
</div>
<div class="card-footer">
Footer
</div>
</div>
<div class="card">
<div class="card-header">
Header
</div>
<div class="card-body">
<div>
Line 1
</div>
<div>
Line 2
</div>
<div>
Line 3
</div>
<div>
Line 4
</div>
<div>
<input type="button" class="btn btn-primary" value="Need this button aligned at bottom of card" />
</div>
</div>
<div class="card-footer">
Footer
</div>
</div>
</div>
Спасибо!