bootstrap-Carousel Diagram

<!--1. Write a parent class for carousel slide: Add sliding effect data-interval picture carousel interval, Unit ms Data-ride= "Carousel" Page One        Start playback after loading 2. The contents of the dots are placed in a layer of class Carousel-indicators 3. The picture area of the carousel is placed in a layer of class carousel-inner. Adds a layer of class item to each item    The picture description text is placed in the class Carousel-caption layer 4. Left and right button a link class is Carousel-control Left/right anchor point to Parent -<Divclass= "Container">    <DivID= "Pic"class= "Carousel Slide"Data-interval= " the"Data-ride= "Carousel"style= "width:510px;margin:0 auto;">        <!--Small Dot -        <olclass= "Carousel-indicators">            <Liclass= "Active"></Li>            <Li></Li>            <Li></Li>            <Li></Li>        </ol>        <!--picture of a carousel diagram -        <Divclass= "Carousel-inner">            <Divclass= "Item Active">                <imgsrc= "A.jpg" />                <Divclass= "Carousel-caption">                    <H3>Children 1</H3>                </Div>            </Div>            <Divclass= "Item">                <imgsrc= "B.jpg" />                <Divclass= "Carousel-caption">                    <H3>Children 2</H3>                </Div>            </Div>            <Divclass= "Item">                <imgsrc= "C.jpg" />                <Divclass= "Carousel-caption">                    <H3>Beauty</H3>                </Div>            </Div>            <Divclass= "Item">                <imgsrc= "D.jpg" />                <Divclass= "Carousel-caption">                    <H3>Pirate King</H3>                </Div>            </Div>        </Div>        <!--left and Right buttons -        <ahref= "#pic"class= "Carousel-control Left"Data-slide= "Prev">            <spanclass= "Glyphicon glyphicon glyphicon-chevron-left"></span>        </a>        <ahref= "#pic"class= "Carousel-control Right"Data-slide= "Next">            <spanclass= "Glyphicon glyphicon glyphicon-chevron-right"></span>        </a>    </Div></Div>

Effect:

bootstrap-Carousel Diagram