Bootstrap: как выровнять и центрировать кнопки внизу столбцов одинаковой высоты

Question

У меня есть макет с тремя столбцами, используя Bootstrap 4 столбца (col-sm).См. Codepen: https://codepen.io/anon/pen/EryRJL?editors=1100

У меня есть текст в абзаце в каждом столбце и кнопка под абзацем.Как я могу выровнять все кнопки вертикально внизу столбцов, центрируя их в соответствующих столбцах?

Я могу нажать кнопки внизу с помощью

.button-container {
    width: 100%;
    position:absolute;
    bottom: 0;
    text-align: center;
}

Но тогдацентрирование не работает, потому что width: 100% сдвигает div вправо из-за заполнения столбцов.

Answer 1

Я понял это благодаря этому фрагменту .Вместо width: 100% мне просто нужно было left: 0 и right: 0, чтобы правильно разместить контейнер.