Html 容器内部具有背景色的Div的宽度小于其容器的宽度

我使用的是bootstrap，容器的宽度是915px，我在移动浏览器中运行。 问题是背景色的div应该占据整个宽度，但是有一些白色的边距。 如何将div在每一侧扩展几个像素

    <div class="container"> 

    <div class="" style="width:100%;height:90px;background-color:Red;margin-left:50px;">


    </div>

    </div>

---

尝试添加一个负的边距

margin-left: -15px;
margin-right: -15px;

---

您是否尝试过使用与引导不同的容器类

可能容器流体如下文和引导组件页面所述-

容器

引导需要一个包含元素来包装站点内容并容纳我们的网格系统。您可以从两个容器中选择一个用于项目中。注意，由于填充和其他原因，两个容器都不可嵌套

将.container用于响应固定宽度的容器

<div class="container">
  ...
</div>
Use .container-fluid for a full width container, spanning the entire width of your viewport.

<div class="container-fluid">
  ...
</div>

如果您愿意，还可以通过媒体查询和JavaScript进行混合和匹配。例如，在某些媒体查询维度触发器上，会补偿您希望使用的样式替代

参考：

---

从您发布的内容来看，内部div似乎是容器的100%

<div class="container">
  ...
</div>
Use .container-fluid for a full width container, spanning the entire width of your viewport.

<div class="container-fluid">
  ...
</div>

将内部div放在容器外部或使容器100%宽度。还有其他引导容器用于此目的。

您可以尝试使用。行：

---

如果使用引导3，则容器具有填充。尝试使用负水平边距。除非绝对必要，否则可能会不惜一切代价避免负值。