试试这个：
第一：html元素有一个默认的边距，你每次写一个页面时都要处理这个边距。
第二：在使用bootstrap css（或任何其他库）时，您可能不希望使用jsfiddle来测试代码。因为JSFiddle代码在引导代码之前运行。
第三：试试这个：

body,html{
  margin:0;
  width:100%;
}
html{
    background-color: gray;
}

.container {
    padding: 1em;
    max-width:750px;
    min-height:100vh;
    width:90%;
    margin: auto;
    box-sizing:border-box;
    background-color:aquamarine;
}

.row {
    margin:0;
    padding-left:20px;
}

个字符

把它涂在身体上。

body{
    background-color: red;
 }

字符串

也许这就是你需要的

.container {
  margin-left:-20px;
  padding-left:30px;
   margin-right:-20px;
   background-color: darkgray;
  }

.row {
    background-color: darkgray;
}

body{
    background-color: red;
 }

个字符

您可以使容器从上到下覆盖，并设置所需的左右间隙：

.container {
            position: absolute;
            top: 0px;
            left: 10px; /* Gap left */
            right: 10px; /* Gap right */
            bottom: 0px;
            background-color: black;
        }

字符串

也许这一个你需要：

html,body {
  padding: 0;
  margin: 0;
  background-color: red;
}

.row {
    background-color: darkgray;
}

个字符

对我来说似乎不错：

html {
  background-color: darkgray
}
.row {
  background-color: darkgray;
}

个字符