标题在 WordPress 中未显示全宽答案

【问题标题】：Header is not showing full width in WordPress标题在 WordPress 中未显示全宽
【发布时间】：2018-07-30 18:20:04
【问题描述】：

我在 WordPress 中使用引导程序。标题带有背景图像。但它没有显示全宽。我在 WordPress 之外测试了代码。它显示全宽标题，但不在 WordPress 中。

.header-container {
  display: block;
  position: relative;
  height: 326px;
  width: 100%;
}

.background-image {
  background-size: cover;
  background-position: center center;
  background-repeat: no-repeat;
}

<div class="container">
  <div class="row">
    <div class="col-xs-12">
      <div class="header-container text-center background-image" style="background-image: url(<?php header_image(); ?>);">
      </div>
    </div>
  </div>
</div>

请查看以下链接中的屏幕截图以供参考

带有 WordPress 标头的背景图像未显示全宽： with WordPress Header!

但是，没有 WordPress 代码会显示全宽标题： without WordPress Header!

【问题讨论】：

不是全宽，因为您在引导程序中有 class="container" 容器等于 padding-right: 15px; padding-left: 15px; margin-right: auto; margin-left: auto;
你能给我们一个网站的链接吗，我们需要查看所有的 CSS。因为它是一个 wordpress 网站，所以肯定有 CSS 会影响您的代码
如果你想要一个全宽的行，你应该使用 container-fluid。检查并告诉我们！

标签： css wordpress twitter-bootstrap

【解决方案1】：

尝试将 .header-container 类更改为：

.header-container{
   display: inline-block;
   position: relative;
   height: 326px;
   width: 100%;
}

【讨论】：