aboutsummaryrefslogtreecommitdiff
path: root/js/tests/visual/carousel.html
diff options
context:
space:
mode:
authorMark Otto <[email protected]>2014-07-07 22:10:22 -0700
committerMark Otto <[email protected]>2014-07-07 22:10:22 -0700
commit81b59d35368bc51d361d0352cc92fe99dc580fbf (patch)
tree2395d5e79edaaa8c0a7ad82e99931ec895421532 /js/tests/visual/carousel.html
parentfed2b0f7eb78438eb1b768782b04651881d88740 (diff)
parentddee04038f946ac103eb4e70c8eb7adeb2cf563b (diff)
downloadbootstrap-81b59d35368bc51d361d0352cc92fe99dc580fbf.tar.xz
bootstrap-81b59d35368bc51d361d0352cc92fe99dc580fbf.zip
Merge branch 'master' into derp
Conflicts: docs/_layouts/default.html docs/assets/css/docs.min.css docs/assets/css/src/docs.css docs/assets/js/docs.min.js docs/assets/js/src/application.js
Diffstat (limited to 'js/tests/visual/carousel.html')
-rw-r--r--js/tests/visual/carousel.html48
1 files changed, 48 insertions, 0 deletions
diff --git a/js/tests/visual/carousel.html b/js/tests/visual/carousel.html
new file mode 100644
index 000000000..aaf48b059
--- /dev/null
+++ b/js/tests/visual/carousel.html
@@ -0,0 +1,48 @@
+<!DOCTYPE html>
+<html>
+<head>
+ <title>Carousel</title>
+ <link rel="stylesheet" type="text/css" href="../../../dist/css/bootstrap.min.css">
+</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="http://37.media.tumblr.com/tumblr_m8tay0JcfG1qa42jro1_1280.jpg">
+ </div>
+ <div class="item">
+ <img alt="Second slide" src="http://37.media.tumblr.com/tumblr_m8tazfiVYJ1qa42jro1_1280.jpg">
+ </div>
+ <div class="item">
+ <img alt="Third slide" src="http://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>