| <!doctype html> |
| <html lang="en"> |
| <head> |
| <meta charset="utf-8"> |
| <meta http-equiv="X-UA-Compatible" content="IE=edge"> |
| <meta name="viewport" content="width=device-width, initial-scale=1"> |
| <title>Carousel</title> |
| <link rel="stylesheet" href="../../../dist/css/bootstrap.min.css"> |
| |
| <!-- HTML5 shim and Respond.js for IE8 support of HTML5 elements and media queries --> |
| <!-- WARNING: Respond.js doesn't work if you view the page via file:// --> |
| <!--[if lt IE 9]> |
| <script src="https://oss.maxcdn.com/html5shiv/3.7.3/html5shiv.min.js"></script> |
| <script src="https://oss.maxcdn.com/respond/1.4.2/respond.min.js"></script> |
| <![endif]--> |
| </head> |
| <body> |
| |
| <div class="container"> |
| |
| <div class="page-header"> |
| <h1>Carousel <small>Bootstrap Visual Test</small></h1> |
| </div> |
| |
| <div id="carousel-example-generic" class="carousel slide" data-ride="carousel"> |
| <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" class=""></li> |
| <li data-target="#carousel-example-generic" data-slide-to="2" class=""></li> |
| </ol> |
| <div class="carousel-inner"> |
| <div class="item active"> |
| <img alt="First slide" src="https://37.media.tumblr.com/tumblr_m8tay0JcfG1qa42jro1_1280.jpg"> |
| </div> |
| <div class="item"> |
| <img alt="Second slide" src="https://37.media.tumblr.com/tumblr_m8tazfiVYJ1qa42jro1_1280.jpg"> |
| </div> |
| <div class="item"> |
| <img alt="Third slide" src="https://38.media.tumblr.com/tumblr_m8tb2rVsD31qa42jro1_1280.jpg"> |
| </div> |
| </div> |
| <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> |
| |
| </div> |
| |
| <!-- JavaScript Includes --> |
| <script src="../vendor/jquery.min.js"></script> |
| <script src="../../transition.js"></script> |
| <script src="../../carousel.js"></script> |
| |
| </body> |
| </html> |
