title: image background in full slider bootstrap
body: <p>I am using the Full Slider bootstrap <a href="https://startbootstrap.com/template-overviews/full-slider/" rel="nofollow noreferrer">here</a> and when I replace the image url by a image in a folder it does not work. </p>
  
  <pre><code>image:url('http://placehold.it/1900x1080&amp;... One') 
  </code></pre>
  
  <p>by </p>
  
  <pre><code>&lt;img class="fill" src="background:url(./img/header.jpg)"&gt;&lt;/img&gt;
  </code></pre>
  
  <p>On the bootstrap page, some guys had the same issues even if I tried different solution ../img or /img, it does not work. </p>
  
  <p>Someone has a idea ? </p>
  
  <p>thank you </p>
  
  <p>here is the source code from Bootstrap, I changed </p>
  
  <pre><code>                &lt;div class="fill" style="background-image:url('http://placehold.it/1900x1080&amp;text=Slide One');"&gt;&lt;/div&gt; 
  </code></pre>
  
  <p>by</p>
  
  <pre><code>&lt;div class="fill" src="img/header.jpg"&gt;&lt;/div&gt;  
  </code></pre>
  
  <p><div class="snippet" data-lang="js" data-hide="false" data-console="true" data-babel="false">
  <div class="snippet-code">
  <pre class="snippet-code-html lang-html prettyprint-override"><code>    &lt;header id="myCarousel" class="carousel slide"&gt;
          &lt;!-- Indicators --&gt;
          &lt;ol class="carousel-indicators"&gt;
              &lt;li data-target="#myCarousel" data-slide-to="0" class="active"&gt;&lt;/li&gt;
              &lt;li data-target="#myCarousel" data-slide-to="1"&gt;&lt;/li&gt;
              &lt;li data-target="#myCarousel" data-slide-to="2"&gt;&lt;/li&gt;
          &lt;/ol&gt;
  
          &lt;!-- Wrapper for Slides --&gt;
          &lt;div class="carousel-inner"&gt;
              &lt;div class="item active"&gt;
                  &lt;!-- Set the first background image using inline CSS below. --&gt;
                  &lt;div class="fill" style=""&gt;&lt;/div&gt;
                  &lt;div class="fill" src="img/header.jpg"&gt;&lt;/div&gt;
                  &lt;div class="carousel-caption"&gt;
                      &lt;h2&gt;Caption 1&lt;/h2&gt;
                  &lt;/div&gt;
              &lt;/div&gt;
     
          &lt;/div&gt;
  
          &lt;!-- Controls --&gt;
          &lt;a class="left carousel-control" href="#myCarousel" data-slide="prev"&gt;
              &lt;span class="icon-prev"&gt;&lt;/span&gt;
          &lt;/a&gt;
          &lt;a class="right carousel-control" href="#myCarousel" data-slide="next"&gt;
              &lt;span class="icon-next"&gt;&lt;/span&gt;
          &lt;/a&gt;
  
      &lt;/header&gt;</code></pre>
  </div>
  </div>
  </p>