Bootstrap 4 Half container SCSS
.half-container {
padding-right: 15px;
padding-left: 15px;
@media (min-width: 768px) {
width: calc(720px / 2);
max-width: 100%;
&.container-right {
float: right;
}
}
@media (min-width: 992px) {
width: calc(960px / 2);
max-width: 100%;
}
@media (min-width: 1200px) {
width: calc(1140px / 2);
max-width: 100%;
}
}