title: Can't load Carousel - Bootstrap 4
body: <p>I wanted to do Carousel from bootstrap, I followed the tutorial but the Carousel is not loading. I don't know how to solve this problem. I tried to check the documentation of the "Bootstrap" site but I think I did everything correct, so what's the problem?</p>
  
  <pre><code>&lt;!DOCTYPE html&gt;
  &lt;html lang="pl"&gt;
  &lt;head&gt;
    &lt;meta charset="utf-8"&gt;
    &lt;meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no"&gt;
  
    &lt;title&gt;Kwiaciarnia.pl&lt;/title&gt;
    &lt;meta name="description" content="Kwiaciarnia"&gt;
    &lt;meta name="keywords" content="kwiaty, wesela, kościoły, ubiór kościoła"&gt;
    &lt;meta name="author" content="Michał Martofel"&gt;
    &lt;meta http-equiv="X-Ua-Compatible" content="IE=edge"&gt;
  
    &lt;link rel="stylesheet" href="css/bootstrap.min.css"&gt;
    &lt;link rel="stylesheet" href="main.css"&gt;
    &lt;link href="https://fonts.googleapis.com/css?family=Open+Sans:400,700&amp;amp;subset=latin-ext" rel="stylesheet"&gt;
    &lt;link href="https://fonts.googleapis.com/css?family=Sniglet" rel="stylesheet"&gt;
  
    &lt;!--[if lt IE 9]&gt;
      &lt;script src="https://cdnjs.cloudflare.com/ajax/libs/html5shiv/3.7.3/html5shiv.min.js"&gt;&lt;/script&gt;
      &lt;![endif]--&gt;
  &lt;/head&gt;
  
  &lt;body&gt;
    &lt;main&gt;
      &lt;div class="container"&gt;
        &lt;div class="row"&gt;
          &lt;div class="col-sm-12"&gt;
            &lt;div id="my-slider" class="carousel slide" data-ride="carousel"&gt;
  
              &lt;ol class="carousel-indicators"&gt;
                &lt;li data-target="#my-slider" data-slide-to="0" class="active"&gt;&lt;/li&gt;
                &lt;li data-target="#my-slider" data-slide-to="1"&gt;&lt;/li&gt;
                &lt;li data-target="#my-slider" data-slide-to="2"&gt;&lt;/li&gt;
              &lt;/ol&gt;
  
              &lt;div class="carousel-inner" role="listbox"&gt;
                &lt;div class="item active"&gt;
                  &lt;img src="img/305.jpg" width="500px" height="300px" alt="flower" /&gt;
                  &lt;div class="carousel-caption"&gt;
                    &lt;h2&gt;Piękny kwiatek&lt;/h2&gt;
                  &lt;/div&gt;
                &lt;/div&gt;
                &lt;div class="item"&gt;
                  &lt;img src="img/300.jpg" width="500px" height="300px" alt="flower" /&gt;
                  &lt;div class="carousel-caption"&gt;
                    &lt;h2&gt;Brzydki kwiatek&lt;/h2&gt;
                  &lt;/div&gt;
                &lt;/div&gt;
                &lt;div class="item"&gt;
                  &lt;img src="img/271.jpg" width="500px" height="300px" alt="flower" /&gt;
                  &lt;div class="carousel-caption"&gt;
                    &lt;h2&gt;Śliczny kwiatek&lt;/h2&gt;
                  &lt;/div&gt;
                &lt;/div&gt;
  
              &lt;/div&gt;
  
              &lt;a class="left carousel-control" href="#my-slider" role="button" data-slide="prev"&gt;
                &lt;span class="glyphicon glyphicon-chevron-left" aria-hidden="true"&gt;&lt;/span&gt;
                &lt;span class="sr-only"&gt;Previous&lt;/span&gt;
              &lt;/a&gt;
  
              &lt;a class="right carousel-control" href="#my-slider" role="button" data-slide="next"&gt;
                &lt;span class="glyphicon glyphicon-chevron-right" aria-hidden="true"&gt;&lt;/span&gt;
                &lt;span class="sr-only"&gt;Next&lt;/span&gt;
              &lt;/a&gt;
  
            &lt;/div&gt;
  
          &lt;/div&gt;
        &lt;/div&gt;
      &lt;/div&gt;
  
    &lt;/main&gt;
  
    &lt;script src="https://code.jquery.com/jquery-3.3.1.slim.min.js" integrity="sha384-q8i/X+965DzO0rT7abK41JStQIAqVgRVzpbzo5smXKp4YfRvH+8abtTE1Pi6jizo" crossorigin="anonymous"&gt;&lt;/script&gt;
    &lt;script src="https://cdnjs.cloudflare.com/ajax/libs/popper.js/1.14.3/umd/popper.min.js" integrity="sha384-ZMP7rVo3mIykV+2+9J3UJ46jBk0WLaUAdn689aCwoqbBJiSnjAK/l8WvCWPIPm49" crossorigin="anonymous"&gt;&lt;/script&gt;
    &lt;script src="js/bootstrap.min.js"&gt;&lt;/script&gt;
  
  &lt;/body&gt;
  &lt;/html&gt;
  </code></pre>
  
  <p>Did I forget about something? Or are there problems with bootstrap/jquery scripts?</p>