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

Question

我正在使用bootstrap，容器宽度为915px，我在移动浏览器中运行。 问题是具有背景颜色的div应该占据整个宽度，但是有一些白色边缘。 我怎样才能将div扩展到每一边的几个像素？

    <div class="container"> 

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


    </div>

    </div>

Answer 1

尝试添加负边距

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

Answer 2

您是否尝试过使用Bootstrap中的其他容器类？

也许＆＃34;容器流体＆＃34;如下所述和Bootstrap组件页面 - http://getbootstrap.com/css/

<强>集装箱

Bootstrap需要一个包含元素来包装网站内容并容纳我们的网格系统。您可以选择在您的项目中使用两个容器中的一个。请注意，由于填充等原因，两个容器都不可嵌套。

使用.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混合搭配。例如，在某些Media Query维度触发器上，会补偿您希望使用的样式覆盖。

<强>参考：

http://getbootstrap.com/css/

Answer 3

根据您发布的内容，内部div似乎是容器的100％。

将内部div放在容器外面或使容器100％宽度（为此还有其他引导容器）。

Answer 4

您可以尝试使用.row：

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