（作者：黃啟浩 撰寫時間：2019.01.19）
一個好的輪播可以提高網頁的美觀，下面我們就用Bootstrap來制作一個美觀的輪播，淡入淡出的效果加持。Bootstrap是一個很強大的架構，靈活運用裡面已封裝好的類，小白也能輕松做出美觀網頁哦。
話不多說，先來吃代碼結構圖：最外大盒子的類為carousel和slide， 都是bootstrap封裝好的類。
這是效果圖：
整體分為三個部分：
1、底部顔色塊按鈕；類為carousel-indicators。某個li給它class="active"用于高亮顯示。data-target指事件的目标,你這段代碼的意思就是指将#signin-signup-tab這個Dom元素的内容以模态框的形式展示。data-slide-to将把滑塊移動到一個特定的索引。
2、圖檔部分； 裝圖檔的大盒子用carousel-inner類，而carousel-fade就是帶有淡入淡出效果的一個類；裝每一張圖檔的盒子就放一個carousel-item類；
3、前進和後退按鈕；給class="carousel-control-prev"；然後給span加上class="carousel-control-prev-icon"就有了箭頭圖示了，href="#carouselIndicators" target="_blank" rel="external nofollow" 将圖檔作為連結，控制圖檔；
是以，想要做出漸隐式輪播，隻需在有carousel-inner這個類的圖檔大盒子上加上bootstrap封裝好的carousel-fade類就行了，是不是超級easy系列？！
感謝大家的浏覽，如有疑問可在評論留言哦！