Re-enable glyphicons in carousel controls and then remove redundant CSS from example

dist/css/bootstrap.css

@@ -6092,12 +6092,18 @@ button.close {
 }
 
 .carousel-control .icon-prev,
-.carousel-control .icon-next {
+.carousel-control .icon-next,
+.carousel-control .glyphicon-chevron-left,
+.carousel-control .glyphicon-chevron-right {
   position: absolute;
   top: 50%;
   left: 50%;
   z-index: 5;
   display: inline-block;
+}
+
+.carousel-control .icon-prev,
+.carousel-control .icon-next {
   width: 20px;
   height: 20px;
   margin-top: -10px;

examples/carousel/carousel.css

@@ -18,13 +18,6 @@ body {
   z-index: 15;
 }
 
-/* Vertically aligns left and right chevrons. */
-.carousel-control > .glyphicon-chevron-left, .carousel-control > .glyphicon-chevron-right {
-  position: absolute;
-  display: inline-block;
-  top: 50%;
-}
-
 
 /* CUSTOMIZE THE CAROUSEL
 -------------------------------------------------- */

less/carousel.less

@@ -98,12 +98,17 @@
 
   // Toggles
   .icon-prev,
-  .icon-next {
+  .icon-next,
+  .glyphicon-chevron-left,
+  .glyphicon-chevron-right {
     position: absolute;
     top: 50%;
     left: 50%;
     z-index: 5;
     display: inline-block;
+  }
+  .icon-prev,
+  .icon-next {
     width:  20px;
     height: 20px;
     margin-top: -10px;