Как создать карусель на Bootstrap?

1
2
3
4
5
6
7

 1
 2
 3
 4
 5
 6
 7
 8
 9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27

   
      
      
      
   
   
      
         
      
      
         
      
      
         
      
   
   
      
      Previous
   
   
      
      Next
   

 1
 2
 3
 4
 5
 6
 7
 8
 9
10
11
12
13
14
15
16
17
18
19
20
21
22

/* Стили для карусели */
.carousel-item img {
   height: 400px;
}

.carousel-control-prev-icon,
.carousel-control-next-icon {
   height: 50px;
   width: 50px;
   background-size: 100%, 100%;
   border-radius: 50%;
   border: 1px solid black;
   margin-left: 25%;
}

.carousel-control-prev-icon {
   background-image: url('img/left-arrow.png');
}

.carousel-control-next-icon {
   background-image: url('img/right-arrow.png');
}

1
2

// Инициализация карусели
$('.carousel').carousel();