Fix the carousel after we scoped selectors

diff --git a/docs/assets/css/bootstrap.css b/docs/assets/css/bootstrap.css
index 71b486188f6723cec7abaec503a5284d6e7aebbd..225f8739ddda9fd6aaebbab53231fc4d012d5d1e 100644 (file)
--- a/docs/assets/css/bootstrap.css
+++ b/docs/assets/css/bootstrap.css
@@ -5913,7 +5913,7 @@ a.badge:hover {
   overflow: hidden;
 }
 
-.carousel > .item {
+.carousel-inner > .item {
   position: relative;
   display: none;
   -webkit-transition: 0.6s ease-in-out left;
@@ -5922,46 +5922,46 @@ a.badge:hover {
           transition: 0.6s ease-in-out left;
 }
 
-.carousel > .item > img {
+.carousel-inner > .item > img {
   display: block;
   line-height: 1;
 }
 
-.carousel > .active,
-.carousel > .next,
-.carousel > .prev {
+.carousel-inner > .active,
+.carousel-inner > .next,
+.carousel-inner > .prev {
   display: block;
 }
 
-.carousel > .active {
+.carousel-inner > .active {
   left: 0;
 }
 
-.carousel > .next,
-.carousel > .prev {
+.carousel-inner > .next,
+.carousel-inner > .prev {
   position: absolute;
   top: 0;
   width: 100%;
 }
 
-.carousel > .next {
+.carousel-inner > .next {
   left: 100%;
 }
 
-.carousel > .prev {
+.carousel-inner > .prev {
   left: -100%;
 }
 
-.carousel > .next.left,
-.carousel > .prev.right {
+.carousel-inner > .next.left,
+.carousel-inner > .prev.right {
   left: 0;
 }
 
-.carousel > .active.left {
+.carousel-inner > .active.left {
   left: -100%;
 }
 
-.carousel > .active.right {
+.carousel-inner > .active.right {
   left: 100%;
 }
 

diff --git a/less/carousel.less b/less/carousel.less
index 072884d4f7b3aa1f1c3a91031a5ec5add4e87662..2dc0506032e13bc30acc3bd6fffcf8d9efdd4ff0 100644 (file)
--- a/less/carousel.less
+++ b/less/carousel.less
@@ -15,7 +15,7 @@
   position: relative;
 }
 
-.carousel {
+.carousel-inner {
 
   > .item {
     display: none;