使用 Javascript 的輪播

| | | | | | | | | | | | | | | | | | | | | | |

當我們想到旋轉木馬時,我們通常會想到您小時候可能做過的遊樂園旋轉木馬——一個大型旋轉平台,上面有五顏六色的旋轉木馬馬上下移動當你去時。隨著旋轉木馬的進行。

Bootstrap 騎行不是我們小時候學到的遊樂場品種,但這個概念有一些相似之處。本文介紹瞭如何開始使用 Bootstrap,解釋了什麼是輪播 UI 元素,應該在什麼時候使用它,以及如何使用 Bootstrap 框架創建一個。

入門

設置 Bootstrap Carousel 需要做的第一件事是確保我們有正確的依賴關係。為此,我們需要 Bootstrap、PopperJS 和 jQuery。訪問 Bootstrap Quickstart 以幫助您將依賴項添加到您的

如何處理依賴需求取決於您,但最簡單且最適合初學者的方法是使用內容交付網絡 & ndash; CDN - 用於 jQuery、Popper.js 和 Bootstrap。注意

上面代碼片段中排序的列表是這樣的一個標誌。 .active 類對應 carousel-items 中的活動類。

結論 h2>

起初,這似乎需要消化很多信息。要記住的主要事情是遵循文檔。當文檔寫得如此出色和詳細時,無需記住如何去做。

了解 Bootstrap 上的一切工作原理絕對是一個好主意 - 查看這些縮小的 CSS 和 JS如果你有時間看看 Bootstrap 中的樣式和腳本元素是什麼樣的。 ,至少請記住示例代碼中所有屬性的含義,以便您可以根據需要對其進行定制並在項目中使用它。

最後一件事:請記住就可訪問性而言,輪播組件可能不是最好的使用。請確保繼續使您的頁面盡可能易於訪問,並且不要在輪播中使用在其他地方找不到的信息。

祝你好運,繼續你的 Bootstrap 用戶之旅!