Widget:Carousel: Difference between revisions

Revision as of 23:29, 24 July 2017

<style> .carousel {

 position: relative;
 width: 500px;
 height: 200px;

} </style>

 <a class="left carousel-control" href="#carousel" role="button" data-slide="prev">
   
   Previous
 </a>
 <a class="right carousel-control" href="#carousel" role="button" data-slide="next">
   
   Next
 </a>

@@ Line 1: / Line 1: @@
 <style>
-.item img {
-  width: 100%;
-  height: auto
-}
 .carousel {
    position: relative;
    width: 500px;
    height: 200px;
-}
-ol.carousel-indicators {
-  position: absolute;
-  bottom: 0;
-  margin: 0;
-  left: 0;
-  right: 0;
-  width: auto;
-}
-ol.carousel-indicators li,
-ol.carousel-indicators li.active {
-  float: left;
-  width: 33%;
-  height: 10px;
-  margin: 0;
-  border-radius: 0;
-  border: 0;
-  background: transparent;
-}
-ol.carousel-indicators li.active {
-  background: yellow;
 }
 </style>