1. 程式人生 > >給力的Bootstrap篇二:模態框和輪播效果

給力的Bootstrap篇二:模態框和輪播效果

待寫,以作備忘

  1. 輪播程式碼:
<div class="col-lg-8">
        <div id="myCarousel" class="carousel slide" data-ride="carousel" data-interval="2000">
            <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">
                    <a href="#"><img src="img/牛排.jpg"></a>
                </div>
                <div class="item">
                    <a href="#"><img src="img/幹鍋土豆.jpg"></a>
                </div>
                <div class="item">
                    <a href="#"><img src="img/烤魚.jpg"></a>
                </div>
            </div>
            <a class="carousel-control left" href="#myCarousel" role="button"
               data-slide="prev"><span _ngcontent-c3="" aria-hidden="true" class="glyphicon glyphicon-chevron-left"></span></a>
            <a class="carousel-control right" href="#myCarousel" role="button"
               data-slide="next"><span _ngcontent-c3="" aria-hidden="true" class="glyphicon glyphicon-chevron-right"></span></a>
        </div>
    </div>