sharpetronics/bootstrap
1
0
Fork 0
mirror of https://github.com/twbs/bootstrap.git synced 2025-06-05 00:02:25 -04:00
Code Issues Projects Releases Wiki Activity

Fix the carousel after we scoped selectors

Browse Source
This commit is contained in:
Mark Otto 2012-11-28 15:40:51 -08:00
parent cb69aa976f
commit 78390d12af
2 changed files with 15 additions and 15 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

28
docs/assets/css/bootstrap.css vendored
View File

@ -5913,7 +5913,7 @@ a.badge:hover {
overflow: hidden; overflow: hidden;
} }
.carousel > .item { .carousel-inner > .item {
position: relative; position: relative;
display: none; display: none;
-webkit-transition: 0.6s ease-in-out left; -webkit-transition: 0.6s ease-in-out left;
@ -5922,46 +5922,46 @@ a.badge:hover {
transition: 0.6s ease-in-out left; transition: 0.6s ease-in-out left;
} }
.carousel > .item > img { .carousel-inner > .item > img {
display: block; display: block;
line-height: 1; line-height: 1;
} }
.carousel > .active, .carousel-inner > .active,
.carousel > .next, .carousel-inner > .next,
.carousel > .prev { .carousel-inner > .prev {
display: block; display: block;
} }
.carousel > .active { .carousel-inner > .active {
left: 0; left: 0;
} }
.carousel > .next, .carousel-inner > .next,
.carousel > .prev { .carousel-inner > .prev {
position: absolute; position: absolute;
top: 0; top: 0;
width: 100%; width: 100%;
} }
.carousel > .next { .carousel-inner > .next {
left: 100%; left: 100%;
} }
.carousel > .prev { .carousel-inner > .prev {
left: -100%; left: -100%;
} }
.carousel > .next.left, .carousel-inner > .next.left,
.carousel > .prev.right { .carousel-inner > .prev.right {
left: 0; left: 0;
} }
.carousel > .active.left { .carousel-inner > .active.left {
left: -100%; left: -100%;
} }
.carousel > .active.right { .carousel-inner > .active.right {
left: 100%; left: 100%;
} }

2
less/carousel.less
View File

@ -15,7 +15,7 @@
position: relative; position: relative;
} }
.carousel { .carousel-inner {
> .item { > .item {
display: none; display: none;