视差背景图像全尺寸（宽度）

Question

我花了很长时间才弄清楚如何制作

的背景图片

<div id="information" class="intro-section">
    <div class="row">
        <div class="col-xs-12">
        </div>
    </div>
</div>  

覆盖浏览器屏幕的全宽。我总是得到一个填充，甚至在调整大小时也会改变。我试图改变整个地方的CSS风格，但它只是不起作用。我使用Bootstrap作为服务器的外部链接，我的Web服务器上没有这些文件。

您可以在www.careerharbour.co.uk查看我的网站，了解我的意思。在背景图片的宽度和浏览器的屏幕之间总是有一个填充。

Answer 1

您需要修改#container1或container类的CSS规则，或者在容器div之外移动您希望为全宽的div。

您当前的Bootstrap容器类填充：

padding-right: 15px;
padding-left: 15px;

Answer 2

如果您只需要减少两侧的15px填充，则不需要编辑css，

用<div class=row"></div>

包装该容器类

或者如果您需要在所有视口中全屏显示该图像，则可以适当地使用container-fluid和row-fluid。