Bootstrap-based picture carousel feature

Insert JS and CSS support:

<rel= "stylesheet"  href= "css/bootstrap.min.css"/>     <src= "Js/jquery-1.9.1.min.js"></  Script><src= "Js/bootstrap.min.js"> </script>

HTML code:

 <DivID= "Pictures"class= "Item">           <DivID= "Mycarousel"class= "Carousel Slide">               <!--Carousel (Carousel) Indicator -               <olclass= "Carousel-indicators">                  <LiData-target= "#myCarousel"data-slide-to= "0"class= "Active"></Li>                  <LiData-target= "#myCarousel"data-slide-to= "1"></Li>                  <LiData-target= "#myCarousel"data-slide-to= "2"></Li>               </ol>                  <!--Carousel (Carousel) Project -               <Divclass= "Carousel-inner">                  <Divclass= "Item Active">                     <imgsrc= "Images/gf.jpg"class= "Img-responsive"alt= "First Slide">                  </Div>                  <Divclass= "Item">                     <imgsrc= "Images/psb.jpg"class= "Img-responsive"alt= "Second Slide">                  </Div>                  <Divclass= "Item">                     <imgsrc= "Images/uyt.jpg"class= "Img-responsive"alt= "Third Slide">                  </Div>               </Div>               <!--Carousel (Carousel) Navigation -               <aclass= "Carousel-control Left"href= "#myCarousel"Data-slide= "Prev">&lsaquo;</a>               <aclass= "Carousel-control Right"href= "#myCarousel"Data-slide= "Next">&rsaquo;</a>            </Div>                         </Div>

Bootstrap-based picture carousel feature