mrl22
12/20/2017 - 10:29 AM

Bootstrap 4 Half container SCSS

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%;
  }
}