Bild Hintergrund in voller Schieberegler Bootstrap

Question

Ich benutze die Full Slider Bootstrap here und wenn ich die Bild-URL durch ein Bild in einem Ordner ersetzen, funktioniert es nicht.

image:url('http://placehold.it/1900x1080&... One') 

von

<img class="fill" src="background:url(./img/header.jpg)"></img> 

Auf der Bootstrap-Seite, hatten einige Leute die gleichen Probleme, auch wenn ich andere Lösung versucht ../img oder/img, funktioniert es nicht.

Jemand hat eine Idee?

danke

hier ist der Quellcode von Bootstrap, ich

geändert

   <div class="fill" style="background-image:url('http://placehold.it/1900x1080&text=Slide One');"></div> 

von

<div class="fill" src="img/header.jpg"></div> 

<header id="myCarousel" class="carousel slide"> 
 
     <!-- Indicators --> 
 
     <ol class="carousel-indicators"> 
 
      <li data-target="#myCarousel" data-slide-to="0" class="active"></li> 
 
      <li data-target="#myCarousel" data-slide-to="1"></li> 
 
      <li data-target="#myCarousel" data-slide-to="2"></li> 
 
     </ol> 
 

 
     <!-- Wrapper for Slides --> 
 
     <div class="carousel-inner"> 
 
      <div class="item active"> 
 
       <!-- Set the first background image using inline CSS below. --> 
 
       <div class="fill" style=""></div> 
 
       <div class="fill" src="img/header.jpg"></div> 
 
       <div class="carousel-caption"> 
 
        <h2>Caption 1</h2> 
 
       </div> 
 
      </div> 
 
    
 
     </div> 
 

 
     <!-- Controls --> 
 
     <a class="left carousel-control" href="#myCarousel" data-slide="prev"> 
 
      <span class="icon-prev"></span> 
 
     </a> 
 
     <a class="right carousel-control" href="#myCarousel" data-slide="next"> 
 
      <span class="icon-next"></span> 
 
     </a> 
 

 
    </header>

Answer 1

Verstanden mit diesem auf lokalen arbeiten:

<div class="fill" style="background-image: url('img/picture.jpg')"></div> 

Im Inneren der Umhüllung DIV

<!-- Wrapper for Slides --> 
<div class="carousel-inner"> 
    <div class="item active"> 
    <!-- Set the first background image using inline CSS below. --> 
     <div class="fill" style="background-image: url('img/picture.jpg')"></div> 
     <div class="carousel-caption"> 
     <h2>Caption 1</h2> 
    </div> 
</div> 

Answer 2

versuchen Sie das. src = "img/header.jpg"