How to use one Bootstrap Carousel on different pages of the site?

Question

Slider

I put the following code on one page:

<div id="carouselExampleIndicators" class="carousel slide col-xl-12" data-ride="carousel">
        <ol class="carousel-indicators">
          <li data-target="#carouselExampleIndicators" data-slide-to="0" class="active"></li>
          <li data-target="#carouselExampleIndicators" data-slide-to="1"></li>
          <li data-target="#carouselExampleIndicators" data-slide-to="2"></li>
        </ol>
        <div class="carousel-inner">
          <div class="carousel-item active sl-1">						
        			</div>						
          <div class="carousel-item sl-2">
          </div>
          <div class="carousel-item sl-3">
          	</div>					
        </div>
      </div>

.carousel-inner {
  height: 100vh;
  width: 100%;
}
.carousel-item{
  height: 100%;
 	width: 100%;
 	display:table;
}
.slide{
  padding: 0px;
  margin: 0px;
}
.sl-1{
  background: url("/images/service/SLIDE-1.jpg") no-repeat center center fixed;
    -webkit-background-size: cover;
      -moz-background-size: cover;
      -o-background-size: cover;
      background-size: cover;
}
.sl-2{
  background: url("/images/service/SLIDE-3.jpg") no-repeat center center fixed;
-webkit-background-size: cover;
      -moz-background-size: cover;
      -o-background-size: cover;
      background-size: cover;
}
.sl-3{
  background: url("/images/service/SLIDE-4.jpg") no-repeat center  center fixed;
  -webkit-background-size: cover;
      -moz-background-size: cover;
      -o-background-size: cover;
      background-size: cover;
}

Код рабочий, но если этот же код вставляю на другую страницу на новой странице не работают переходы. В чем может быть дело.

Answer 1

Connect scripts, the same as on the first page!