自定义容器不是全宽答案

【问题标题】：Custom Container Not Full Width自定义容器不是全宽
【发布时间】：2015-12-21 14:24:20
【问题描述】：

请看我的示例代码

HTML

   <div class="custom-container">
        <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>

CSS

.custom-container{
  padding-right: 0;
  padding-left: 0;
  width: 100%,
}
section {
    height:350px;
    padding-top:50px;
    padding-bottom:50px;
}
.parallax-bg-1 {
    background: no-repeat top center fixed;
    color:#fff;
    background-size:cover;
}

容器

}
.custom-container{
  padding-right: 0;
  padding-left: 0;
  width: 100%,
}
.container {
  padding-right: 15px;
  padding-left: 15px;
  margin-right: auto;
  margin-left: auto;
}
@media (min-width: 1600px) {
    .container {
        max-width: 1600px;
    }
}
@media (min-width: 1900px) {
    .container {
        max-width: 1900px;
    }
}
@media (min-width: 768px) {
  .container {
    width: 750px;
  }
}
@media (min-width: 992px) {
  .container {
    width: 970px;
  }
}
@media (min-width: 1200px) {
  .container {
    width: 1180px;
  }
}
.container-fluid {
  padding-right: 15px;
  padding-left: 15px;
  width: 100%;
  margin-right: auto;
  margin-left: auto;
}

JS Fiddle：https://jsfiddle.net/unpvuzaq/（它在 JS Fiddle 中工作得很好，但在我看来不是）

图片处于视差模式，但看看我的网页截图，它仍然有填充

图像分辨率 1920x1080

请帮助我。

【问题讨论】：

检查自定义容器的父 div。
显示更多代码以澄清问题。
你需要什么代码？
自定义容器的父 div。可能是您在父 div 上添加容器类
我包含了我所有的容器

标签： css twitter-bootstrap-3 asp.net-mvc-5

【解决方案1】：

我认为图像可能小于您的屏幕尺寸...您应该将图像拉伸...

为部分类添加样式：

background-size: cover;

【讨论】：

你好，图片尺寸为 1920x1080，我尝试添加背景尺寸：封面；在 css 部分它不起作用
自定义容器div有父div吗？

【解决方案2】：

.custom-container{
  padding-right: 0;
  padding-left: 0;
  width: 100%;
}
section {
    height:350px;
    padding-top:50px;
    padding-bottom:50px;
}
.parallax-bg-1 {
    background: no-repeat top center fixed;
    color:#fff;
    background-size:100%;
}

背景尺寸：100%；正在研究 4K 分辨率显示器。（已测试）

【讨论】：

你应该清除 cookie 或其他东西，因为这应该可以工作。

【解决方案3】：

添加 CSS 外部 div 容器，

.container.body-content{ 
   width: 100%; 
   padding: 0; 
   margin: 0;
}

【讨论】：