scss Bootstrap 4半容器SCSS

Posted 2021-05-17

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