aboutsummaryrefslogtreecommitdiff
path: root/docs/examples/carousel
diff options
context:
space:
mode:
authorChris Rebert <[email protected]>2014-12-17 18:30:16 -0800
committerChris Rebert <[email protected]>2014-12-17 18:44:55 -0800
commitc7ef5810e11bf994d31bb385d794cafc50411c93 (patch)
tree38c2e59bfdd9027f4bb9c9ecdc2da8d6ed481538 /docs/examples/carousel
parent90f4767d06641a44a2563f53e779fb572ba9ea60 (diff)
downloadbootstrap-c7ef5810e11bf994d31bb385d794cafc50411c93.tar.xz
bootstrap-c7ef5810e11bf994d31bb385d794cafc50411c93.zip
rename .item => .carousel-item
Diffstat (limited to 'docs/examples/carousel')
-rw-r--r--docs/examples/carousel/carousel.css4
-rw-r--r--docs/examples/carousel/index.html6
2 files changed, 5 insertions, 5 deletions
diff --git a/docs/examples/carousel/carousel.css b/docs/examples/carousel/carousel.css
index 7056a41a8..52c93a296 100644
--- a/docs/examples/carousel/carousel.css
+++ b/docs/examples/carousel/carousel.css
@@ -21,11 +21,11 @@ body {
}
/* Declare heights because of positioning of img element */
-.carousel .item {
+.carousel-item {
height: 32rem;
background-color: #777;
}
-.carousel-inner > .item > img {
+.carousel-item > img {
position: absolute;
top: 0;
left: 0;
diff --git a/docs/examples/carousel/index.html b/docs/examples/carousel/index.html
index 15704ac09..9faa4d3bc 100644
--- a/docs/examples/carousel/index.html
+++ b/docs/examples/carousel/index.html
@@ -50,7 +50,7 @@
<li data-target="#myCarousel" data-slide-to="2"></li>
</ol>
<div class="carousel-inner" role="listbox">
- <div class="item active">
+ <div class="carousel-item active">
<img src="data:image/gif;base64,R0lGODlhAQABAIAAAHd3dwAAACH5BAAAAAAALAAAAAABAAEAAAICRAEAOw==" alt="First slide">
<div class="container">
<div class="carousel-caption text-left">
@@ -60,7 +60,7 @@
</div>
</div>
</div>
- <div class="item">
+ <div class="carousel-item">
<img src="data:image/gif;base64,R0lGODlhAQABAIAAAGZmZgAAACH5BAAAAAAALAAAAAABAAEAAAICRAEAOw==" alt="Second slide">
<div class="container">
<div class="carousel-caption">
@@ -70,7 +70,7 @@
</div>
</div>
</div>
- <div class="item">
+ <div class="carousel-item">
<img src="data:image/gif;base64,R0lGODlhAQABAIAAAFVVVQAAACH5BAAAAAAALAAAAAABAAEAAAICRAEAOw==" alt="Third slide">
<div class="container">
<div class="carousel-caption text-right">