引导程序问题：容器流体宽度不为100％

Question

我正在从事房地产网站项目。我正在尝试通过使用.container-fluid实现100％的宽度。我已经遵循了堆栈溢出中提到的几种解决方案。但是我做不到。

以下是问题的屏幕截图：

这是密码笔链接： https://codepen.io/kanan292/pen/bmZjeJ

以下是HTML代码：

<section id="property-section">

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

以下是我尝试解决的CSS代码：

.container-fluid{
   padding: 0;
}

Answer 1

尝试

.container-fluid{
padding-left: 0 !important;
padding-right: 0 !important;
}

或者在任何方向都没有填充

.container-fluid{
padding: 0 !important;
}

Answer 2

这是一个n00b问题，但无论如何应该有人帮助您。只需添加!important，以确保您的CSS覆盖了以前的样式。

.container-fluid{
   padding: 0 !important;
}

Answer 3

默认情况下，Bootstrap提供15px的填充，即使容器流体的宽度倾向于为100%。

如果您不希望该填充仅使用下面的代码覆盖引导程序的默认样式。

.container-fluid{
   padding: 0 !important; 
}

注意： !important规则会覆盖该特定属性，而不会被级联。