My Bootstrap 4 layout consists of three columns using col-sm classes. You can view the codepen example here: https://codepen.io/anon/pen/EryRJL?editors=1100
Within each column, I have a paragraph of text followed by a button. I'm trying to figure out how to align all the buttons vertically at the bottom of their respective columns while centering them.
I attempted to achieve this by using the following CSS:
.button-container {
width: 100%;
position:absolute;
bottom: 0;
text-align: center;
}
However, the centering doesn't work as expected due to the width: 100% causing the div to shift right because of column padding.