标题未在WordPress

Question

我在WordPress中使用bootstrap。标题是背景图像。但它没有显示全宽。我测试了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！

Answer 1

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

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