給力的Bootstrap篇二:模態框和輪播效果
阿新 • • 發佈:2019-01-06
待寫,以作備忘
- 輪播程式碼:
<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>