In Bootstrap 4, there is an easy way to create equal width columns: just use the .col-xl class on a specified number of col elements. Bootstrap will recognize how many columns there are, and each column will get the same width.
.col-xl
If the screen size is less than 1200px, the columns will stack horizontally.