Carousel no longer dependent on glyphicons

Used laquo/raquo for control buttons
Updated docs

1 files changed, 15 insertions, 2 deletions

diff --git a/less/carousel.less b/less/carousel.less
index 8834c6f7b..d41fc07ad 100644
--- a/less/carousel.less
+++ b/less/carousel.less
@@ -99,7 +99,7 @@
   }
 
   // Toggles
-  .glyphicon {
+  .glyphicon, .icon-prev, .icon-next {
     position: absolute;
     top: 50%;
     left: 50%;
@@ -110,6 +110,17 @@
     margin-top: -10px;
     margin-left: -10px;
   }
+  // Non-glyphicon toggles
+  .icon-prev {
+    &:before {
+      content: '\00ab';
+    }
+  }
+  .icon-next {
+    &:before {
+      content: '\00bb';
+    }
+  }
 }
 
 // Optional indicator pips
@@ -167,7 +178,9 @@
 @media screen and (min-width: @screen-tablet) {
 
   // Scale up the controls a smidge
-  .carousel-control .glyphicon {
+  .carousel-control .glyphicon,
+  .carousel-control .icon-prev,
+  .carousel-control .icon-next {
     width: 30px;
     height: 30px;
     margin-top: -15px;