title: Bootstrap 4 Carousel sliders not working
body: <p>I'm having some serious issues with getting by carousel to go onto the next slide. I may be missing something very basic but regardless of what I do, it doesn't seem to be working! I've tried using the Javascript as well but to no avail.</p>
  
  <pre><code>            &lt;div id="mycarousel" class="carousel-slide" data-ride="carousel"&gt;
              &lt;div class="carousel-inner" role="listbox"&gt;
                  &lt;div class="carousel-item active text-center p-4"&gt;
                      &lt;h1 class="header-h1"&gt;WE'RE READY, ARE YOU? &lt;/h1&gt;
                      &lt;H2 class="header-h2"&gt;COME AND JOIN US FOR A SHOOT&lt;/H2&gt;
                      &lt;a href="/" class="btn btn-default"&gt;FIND OUT MORE&lt;/a&gt;
                  &lt;/div&gt;
                  &lt;div class="carousel-item text-center p-4"&gt;
                      &lt;h1 class="header-h1"&gt;COME AND &lt;/h1&gt;
                      &lt;H2 class="header-h2"&gt;HAVE&lt;/H2&gt;
                      &lt;a href="/" class="btn btn-default"&gt;A GO&lt;/a&gt;&lt;/p&gt;
                  &lt;/div&gt;
              &lt;/div&gt;
              &lt;a class="carousel-control-prev" href="#mycarousel" role="button" data-slide="prev"&gt;
                  &lt;span class="carousel-control-prev-icon" aria-hidden="true"&gt;&lt;/span&gt;
                  &lt;span class="sr-only"&gt;Previous&lt;/span&gt;
              &lt;/a&gt;
              &lt;a class="carousel-control-next" href="#mycarousel" role="button" data-slide="next"&gt;
                  &lt;span class="carousel-control-next-icon" aria-hidden="true"&gt;&lt;/span&gt;
                  &lt;span class="sr-only"&gt;Next&lt;/span&gt;
              &lt;/a&gt;
          &lt;/div&gt;
  </code></pre>