Bootstrap 4: выравнивание содержимого внутри колоды карт

Question

У меня есть колода карт на моей странице Bootstrap 4. Я хочу, чтобы выровнять эту кнопку, чтобы лучше выглядеть. Как мы можем сделать это?

Вот изображение:

А вот демо: http://7freres.com/new

В таблице dosen't, кажется, работает, как они разделены.

Thanls

Answer 1

Вы можете сделать все card-text элементы имеют одинаковую высоту. Один из способов сделать это можно через javascript. Напишите функцию, как это:

document.addEventListener("DOMContentLoaded", function(event) { 
    adjustCardTextHeights(); 
}); 

function adjustCardTextHeights() { 
    var heights = $(".card-text").map(function() { 
     return $(this).height(); 
    }).get(); 

    maxHeight = Math.max.apply(null, heights); 

    $(".card-text").height(maxHeight); 
} 

Или с JQuery:

$(document).ready(function() { 
    adjustCardTextHeights(); 
}); 

function adjustCardTextHeights() { 
    var heights = $(".card-text").map(function() { 
     return $(this).height(); 
    }).get(); 

    maxHeight = Math.max.apply(null, heights); 

    $(".card-text").height(maxHeight); 
} 

Это заставляет вас:

Answer 2

Вы можете установить position: absolute; bottom: 20px; для кнопок и добавить дополнительный padding-bottom: 50px; к card-block