容器流体不是全宽

Question

请看一下我的示例代码

<div class="container-fluid">
    <section class="parallax-bg-1 text-center" style="background-image:url('https://killtheboredomdotcom.files.wordpress.com/2015/08/skyline-of-rome.jpg?w=1920&h=768&crop=1')">
        <h1 class="">Welcome</h1>

        <p class="lead">subtitle</p>
    </section>
</div>

图片处于视差模式，但看看它仍然有填充的屏幕截图。

我试图达到与本网站相同的结果：http : //remtsoy.com/tf_templates/traveler/demo_v1_7/index.html

JS小提琴：

http://jsfiddle.net/uf9np3kq/

Answer 1

container-fluidhaspadding left and right的默认样式为 15px。您可以通过应用以下样式来覆盖默认行为：

.container-fluid{
   padding: 0;
}

.container-fluid{
   padding: 0;
}

.container-fluid{
    padding: 0 !important;
}
section.parallax-bg-1{
background-size: cover;
}

Answer 2

改变

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

到

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