Bootstrap Snippet Multi-Item Carousel with Vertical Items using HTML Bootstrap

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
28
29
30
31
32
33
34
35
36
37
<link href="//netdna.bootstrapcdn.com/bootstrap/3.2.0/css/bootstrap.min.css" rel="stylesheet" id="bootstrap-css">
<script src="//netdna.bootstrapcdn.com/bootstrap/3.2.0/js/bootstrap.min.js"></script>
<script src="//code.jquery.com/jquery-1.11.1.min.js"></script>
<!------ Include the above in your HEAD tag ---------->
<html>
    <head>
    <title>My Now Amazing Webpage</title>
    <link rel="stylesheet" type="text/css" href="https://cdn.jsdelivr.net/gh/kenwheeler/slick@1.8.1/slick/slick.css"/>
    <link rel="stylesheet" type="text/css" href="https://cdn.jsdelivr.net/gh/kenwheeler/slick@1.8.1/slick/slick-theme.css"/>
    <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.4.0/css/bootstrap.min.css">
    <style>
        
      .carasouelContainer{
        background-color: #fff;
        padding-bottom: 50px;
      }
      .slick-prev {
        left: 50%;
        top: -40px;
      }
    
      .slick-next {
        right: 45%;
        top: 100%;
      }
    
      .slick-prev:before {
        content: '▲'
      }
    
      .slick-next:before{
        content: '▼'
      }
    
XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX

1
XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX

1
XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX

"Multi-Item Carousel with Vertical Items"
Bootstrap 3.2.0 Snippet by Chittaranjan

Related: See More

Questions / Comments:

"Multi-Item Carousel with Vertical Items" Bootstrap 3.2.0 Snippet by Chittaranjan

Related: See More

Questions / Comments:

"Multi-Item Carousel with Vertical Items"
Bootstrap 3.2.0 Snippet by Chittaranjan