title: Bootstrap Carousel- why are my images not showing?
body: <p>I have to create a Carousel using Bootstrap. I'm still very new to it so I don't know a whole lot. I cant understand why the images are not being shown but only the text. I've been looking it up for the past few hours and still cannot understand what I'm doing wrong or missing etc. I feel like banging my head against a wall. Can anyone help or any info would be really appreciated.</p>
  
  <pre><code>&lt;!DOCTYPE html&gt;
  &lt;html lang="en"&gt;
  
  &lt;head&gt;
    &lt;meta charset="utf-8"&gt;
    &lt;meta http-equiv="X-UA-Compatible" content="IE=edge"&gt;
    &lt;meta name="viewport" content="width=device-width, initial-scale=1"&gt;
    &lt;title&gt;Bootstrap 101 Template&lt;/title&gt;
    &lt;link href="css/bootstrap.min.css" rel="stylesheet"&gt;    
  &lt;/head&gt;
  
  &lt;body&gt;
    &lt;div id="Mycarousel" class="carousel"&gt;
  
      &lt;ol class="carousel-indicators"&gt;
        &lt;li class="item0" data-target="#Mycarousel" data-slide-to ="0" class="active"&gt;&lt;/li&gt;
        &lt;li class="item1" data-target="#Mycarousel" data-slide-to ="1"&gt;&lt;/li&gt;
        &lt;li class="item2"  data-target="#Mycarousel" data-slide-to ="2"&gt;&lt;/li&gt;
      &lt;/ol&gt;
  
      &lt;div class="carousel-inner"&gt;
        &lt;div class="item active"&gt;
          &lt;img src="img/cars.jpg" alt="cars" class="img-responsive"&gt;
        &lt;/div&gt;
  
        &lt;div class="item"&gt;&lt;/div&gt;
          &lt;img src="img/waterflower.jpg" alt="waterflower" class="img-responsive"&gt;
        &lt;/div&gt;
  
        &lt;div class="item"&gt;&lt;/div&gt;
          &lt;img src="img/cutehedgehog.jpg" alt="cutehedgehog" class="img-responsive"&gt;
        &lt;/div&gt;
  
        &lt;a class="carousel-control" href="#Mycarousel" data-slide="prev"&gt;&lt;/a&gt;
        &lt;span class="icon-prev"&gt;&lt;/span&gt;
  
        &lt;/div&gt;
      &lt;/div&gt;
  
      &lt;script src="https://ajax.googleapis.com/ajax/libs/jquery/3.3.7/jquery.min.js"&gt;&lt;/script&gt;
      &lt;script src="js/bootstrap.js"&gt;&lt;/script&gt;
    &lt;/body&gt;
  &lt;/html&gt;
  </code></pre>