为什么bootstrap包含容器宽度和屏幕尺寸之间18-30px的差异

Question

Bootstrap有以下样式：

@media (min-width: 768px) {
  .container {
    width: 750px;
  }
}
@media (min-width: 992px) {
  .container {
    width: 970px;
  }
}
@media (min-width: 1200px) {
  .container {
    width: 1170px;
  }
}

为什么会出现以下差异？

768-750 = 18
992-970 = 22
1200-1170 = 30