bootstrap的錄播圖如何制作？這個(gè)問題可能是我們?nèi)粘W(xué)習(xí)或工作經(jīng)常見到的。希望通過這個(gè)問題能讓你收獲頗深。下面是小編給大家?guī)淼膮⒖純?nèi)容，讓我們一起來看看吧！
bootstrap的錄播圖怎么制作？
以下實(shí)例創(chuàng)建了一個(gè)簡(jiǎn)單的圖片輪播效果 ：
輪播圖片上添加描述
在每個(gè)
第一張圖片描述標(biāo)題
描述文字!
以上實(shí)例使用的類說明
| 類 | 描述 |
|---|---|
.carousel | 創(chuàng)建一個(gè)輪播 |
.carousel-indicators | 為輪播添加一個(gè)指示符，就是輪播圖底下的一個(gè)個(gè)小點(diǎn)，輪播的過程可以顯示目前是第幾張圖。 |
.carousel-inner | 添加要切換的圖片 |
.carousel-item | 指定每個(gè)圖片的內(nèi)容 |
.carousel-control-prev | 添加左側(cè)的按鈕，點(diǎn)擊會(huì)返回上一張。 |
.carousel-control-next | 添加右側(cè)按鈕，點(diǎn)擊會(huì)切換到下一張。 |
.carousel-control-prev-icon | 與 .carousel-control-prev 一起使用，設(shè)置左側(cè)的按鈕 |
.carousel-control-next-icon | 與 .carousel-control-next 一起使用，設(shè)置右側(cè)的按鈕 |
.slide | 切換圖片的過渡和動(dòng)畫效果，如果你不需要這樣的效果，可以刪除這個(gè)類。 |
感謝各位的閱讀！看完上述內(nèi)容，你們對(duì)bootstrap的錄播圖如何制作大概了解了嗎？希望文章內(nèi)容對(duì)大家有所幫助。如果想了解更多相關(guān)文章內(nèi)容，歡迎關(guān)注創(chuàng)新互聯(lián)行業(yè)資訊頻道。
另外有需要云服務(wù)器可以了解下創(chuàng)新互聯(lián)scvps.cn，海內(nèi)外云服務(wù)器15元起步，三天無理由+7*72小時(shí)售后在線，公司持有idc許可證，提供“云服務(wù)器、裸金屬服務(wù)器、高防服務(wù)器、香港服務(wù)器、美國(guó)服務(wù)器、虛擬主機(jī)、免備案服務(wù)器”等云主機(jī)租用服務(wù)以及企業(yè)上云的綜合解決方案，具有“安全穩(wěn)定、簡(jiǎn)單易用、服務(wù)可用性高、性價(jià)比高”等特點(diǎn)與優(yōu)勢(shì)，專為企業(yè)上云打造定制，能夠滿足用戶豐富、多元化的應(yīng)用場(chǎng)景需求。
重慶分公司
重慶分公司
