title: My bootstrap carousel not working
body: <p>I'm trying out the bootstrap carousel but it just won't work. I've done lots of research and checked again and again yet it still won't work. 
  Can anyone tell me why?(I"m just starting out so some detailed explanation will be very much appreciated tq) </p>
  
  <p>Here's my code.</p>
  
  <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;div class="container-fluid"&gt;
      &lt;div class="carousel slide" data-ride="carousel" id="carousel"&gt;
          &lt;ol class="carousel-indicators"&gt;
              &lt;li data-target="#carousel" data-slide to="0" class="active"&gt;&lt;/li&gt;
              &lt;li data-target="#carousel" data-slide to="1"&gt;&lt;/li&gt;
              &lt;li data-target="#carousel" 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="https://f1.media.brightcove.com/8/4495439099001/4495439099001_5325814229001_5305215728001-vs.jpg?pubId=4495439099001&amp;videoId=5305215728001"&gt;
              &lt;/div&gt;
              &lt;div class="item"&gt;
                  &lt;img src="http://www.asianews.it/files/img/INDIA_-_0907_-_Vescovo_di_Vasai_su_MT.jpg"&gt;
              &lt;/div&gt;
              &lt;div class="item"&gt;
                  &lt;img src="https://www.crossroadsinitiative.com/wp-content/uploads/2016/02/Mother-Teresa-of-Calcutta-Mother-Teresas-National-Prayer-Breakfast-Message.jpg"&gt;
              &lt;/div&gt;
          &lt;/div&gt;
          &lt;a class="carousel-control left" href="#carousel" data-slide="prev"&gt;
              &lt;span class="glyphicon glyphicon-chevron-left"&gt;&lt;/span&gt;
          &lt;/a&gt;
          &lt;a class="carousel-control right" href="#carousel" data-slide="next"&gt;
              &lt;span class="glyphicon glyphicon-chevron-right"&gt;&lt;/span&gt;
          &lt;/a&gt;
      &lt;/div&gt;
  &lt;/div&gt;</code></pre>
  </div>
  </div>
  </p>