title: Carousel don't work
body: <p>I'm just learning some HTML+CSS and today I created a carousel using Bootstrap 4. For some reason it seems not to work. It actually doesn't trigger any action when i press the buttons, neither it switches the slides automatically.</p>
  
  <p>Can anyone please give me some help?
  thank you in advance</p>
  
  <p>Please see attached code:</p>
  
  <pre><code>&lt;div class="row slider"&gt;
          &lt;div class="col mt-3"&gt;
              &lt;div class="carousel slide" id="slider" data-ride="carousel"&gt;
                  &lt;ol class="carousel-indicators"&gt;
                      &lt;li data-target="#slider" data-slide-to="0" class="active"&gt;&lt;/li&gt; 
                      &lt;li data-target="#slider" data-slide-to="1"&gt;&lt;/li&gt;
                  &lt;/ol&gt;
  
                  &lt;div class="carousel-inner"&gt;
                      &lt;div class="carousel-item active"&gt;                                                  
                          &lt;img  src="img/segunda.jpg" alt="Slide #1" class="d-block img-fluid"&gt;                               
                      &lt;/div&gt;
                      &lt;div class="carousel-item"&gt;                             
                          &lt;img  src="img/primera.jpg" alt="Slide #2" class="d-block img-fluid"&gt;
                      &lt;/div&gt;                          
                  &lt;/div&gt;
  
                  &lt;a href="#slider" class="carousel-control-prev" data-slide="prev"&gt;
                      &lt;span class="carousel-control-prev-icon" aria-hidden="true"&gt;&lt;/span&gt;
                      &lt;span class="sr-only"&gt;Anterior&lt;/span&gt;
                  &lt;/a&gt;
  
                  &lt;a href="#slider" class="carousel-control-next" data-slide="next"&gt;
                      &lt;span class="carousel-control-next-icon" aria-hidden="true"&gt;&lt;/span&gt;
                      &lt;span class="sr-only"&gt;Siguiente&lt;/span&gt;
                  &lt;/a&gt;                                                            
              &lt;/div&gt;                  
          &lt;/div&gt;
  </code></pre>