css - Bootstrap - 额外保证金

Question

我使用引导程序。我有两个div。这是我的代码html：

<div class="container">
  <div class="col-12 circle lg-circle">
    <div class="col-12 circle sm-circle">
    </div>
  </div>
</div>

和CSS

.circle {
  border: solid 0.9px $athens-gray;
  border-radius: 50%;
}

.lg-circle {
  max-height: 69.375rem;
  max-width: 69.375rem;
  padding: 7.125rem;
}

.sm-circle {
  border-color: $athens-dark;
  max-height: 69.375rem;
  max-width: 55.0625rem;
}

这是浏览器的视图。

问题：为什么会有右边距，怎么去掉？

标签： cssbootstrap-4

Answer 1

将此代码添加到 css 文件中：

.container{
    margin:unset;
}