Bootstrap轮播Carousel样式的应用

   <h3>bootstrap轮播效果</h3>
    <div id="myCarousel" class="carousel slide" style="width:300px;">
        <!--轮播指南-->
        <ol class="carousel-indicators">
            <li data-target="#myCarousel" data-slide-to="0" class="active"></li>
            <li data-target="#myCarousel" data-slide-to="1"></li>
            <li data-target="#myCarousel" data-slide-to="2"></li>
        </ol>
        <!--轮播项目-->
        <div class="carousel-inner">
            <div class="item active">
                <img src="Images/mediaobject/c1.jpg" alt="first slide 1" />
            </div>
            <div class="item">
                <img src="Images/mediaobject/c2.jpg" alt=" seconde slide 2" />
            </div>
            <div class="item">
                <img src="Images/mediaobject/c1.jpg" alt="three slide 3" />
            </div>
        </div>
        <a class="carousel-control left" href="#myCarousel" data-slide="prev">&lsaquo;</a>
        <a class=" carousel-control right" href="#myCarousel" data-slide="next">&rsquo;</a>
    </div>

  效果图：

转载于:https://www.cnblogs.com/professional-NET/p/4815047.html