Why is bootstrap slider not spinning?

Question

JavaScript

The essence of the problem is that the bootstrap slider does not spin, because the local site will tell you step by step
- Compiled and downloaded bootstrap - Installed the bootstrap
files in the folder with the site - Connected the bootstrap
scripts and styles in the index.php file
- Inserted the slider code into index.php

<div id="carousel-example-generic" class="carousel slide" data-ride="carousel">
  <!-- Indicators -->
  <ol class="carousel-indicators">
    <li data-target="#carousel-example-generic" data-slide-to="0" class="active"></li>
    <li data-target="#carousel-example-generic" data-slide-to="1"></li>
    <li data-target="#carousel-example-generic" data-slide-to="2"></li>
  </ol>

  <!-- Wrapper for slides -->
  <div class="carousel-inner">
    <div class="item active">
      <img src="..." alt="...">
      <div class="carousel-caption">
        ...
      </div>
    </div>
    ...
  </div>

  <!-- Controls -->
  <a class="left carousel-control" href="#carousel-example-generic" data-slide="prev">
    <span class="glyphicon glyphicon-chevron-left"></span>
  </a>
  <a class="right carousel-control" href="#carousel-example-generic" data-slide="next">
    <span class="glyphicon glyphicon-chevron-right"></span>
  </a>
</div>

Slider not spinning

Answer 1

<script type="text/javascript" src="/templates/whitesquare/js/bootstrap.js"></script>

Answer 2

Demo to the studio ( https://jsfiddle.net/ , https://jsbin.com/)

Answer 3

Have you initialized it?$('.carousel').carousel();