Here we are with the second part of the guide: Layouts With Bootstrap 4 Horizontal alignment To align the columns horizontally we can use justify-content-value classes, which use the justify-content property of the flexible model:justify-content-start, to align to the left (default) justify-content-center, to align the center justify-content-end, to align to the right justify-content-between, to align with equal spaces between columns justify-content-around, which is similar to the previous one with equal space to the left and right of each column .justify-content-start {-ms-flex-pack: start !important;justify-content: flex-start !important;}.justify-content-end {-ms-flex-pack: end !important;justify-content: flex-end !important;}.justify-content-center {-ms-flex-pack: center !important;justify-content: center !important;}.justify-content-between {-ms-flex-pack: justify !important;justify-content: space-between !important;}.justify-content-around {-ms-flex-pack: distribute !important;justify-content:…