为jumbotron导入bg图像 - bootstrap 3

Question

我正在尝试为我的jumbotron导入背景图像。这是我的代码。

jsfiddle

       <header class="jumbotron">

          <!-- Main component for a primary marketing message or call to action -->

          <div class="container">
              <div class="row row-header">
                  <div class="col-xs-12 col-sm-8">
                      <h1>City of Larissa</h1>
                      <p style="padding:40px;"></p>
                      <p>More than 8000 years of history</p>

                  </div>
                  <div class="col-xs-12 col-sm-2">
                       <p style="padding:40px;"></p>
                       <img src="img/logo.png" class="img-responsive">
                  </div>
              </div>
          </div>
      </header>

和

.jumbotron {
  margin: 0px auto;
  padding: 70px 30px;
  background: url('img/alcazar1.png');
  color: floralwhite;
}

但是，当我通过css导入该图像时，无法显示。有任何想法吗？

谢谢，

西奥。

Answer 1

可能需要检查CSS中的Jumbotron类的 ImagePath 。