@Yura0103

Как использовать одну Bootstrap Carousel на разных страницах сайта?

На одну страницу вставляю код:
<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;
}

Код рабочий, но если этот же код вставляю на другую страницу на новой странице не работают переходы. В чем может быть дело.
  • Вопрос задан
  • 42 просмотра
Пригласить эксперта
Ответы на вопрос 1
@DanielForce
Подключи скрипты, такие же как на первой странице!
Ответ написан
Комментировать
Ваш ответ на вопрос

Войдите, чтобы написать ответ

Войти через центр авторизации
Похожие вопросы