<!--輪播圖--><div class="container"><div class="carousel slide" id="slidershow" data-ride="carousel" data-interval="2000" style="margin-top:70px"><!--計數器--><ol class="carousel-indicators"><li class="active" data-target="#slidershow" data-slide-to="1"></li><li data-target="#slidershow" data-slide-to="2"></li><li data-target="#slidershow" data-slide-to="3"></li><li data-target="#slidershow" data-slide-to="4"></li><li data-target="#slidershow" data-slide-to="5"></li></ol><!--圖片容器--><div class="carousel-inner"><div class="item active"><img src="~/fonts/p6.jpg"/><!--添加對應標題和內容--><div class="carousel-caption"><h1>創新●人和●競成</h1><span>內容</span></div></div><div class="item"><img src="~/fonts/p7.jpg" /><!--添加對應標題和內容--><div class="carousel-caption"><h1>創富●均衡●永續</h1><span>內容</span></div></div><div class="item"><img src="~/fonts/p8.jpg" /><!--添加對應標題和內容--><div class="carousel-caption"><h1>求實●求新●求質●求效</h1><span>內容</span></div></div><div class="item"><img src="~/fonts/p9.jpg" /><!--添加對應標題和內容--><div class="carousel-caption"><h1>創造財富●成就員工●回饋社會</h1><span>內容</span></div></div><div class="item"><img src="~/fonts/p10.jpg" /><!--添加對應標題和內容--><div class="carousel-caption"><h1>老老實實做人●踏踏實實做事</h1><span>內容</span></div></div><!--輪播導航--><a href="#slidershow" data-slide="prev" class="left carousel-control"><span class="glyphicon glyphicon-chevron-left"></span></a><a href="#slidershow" data-slide="next" class="right carousel-control"><span class="glyphicon glyphicon-chevron-right"></span></a></div></div></div>

?

總結

以上是生活随笔為你收集整理的Bootstrap 幻灯片效果的全部內容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。