使用 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 用戶之旅!

Shop

Learn programming in R: courses

$

Best Python online courses for 2022

$

Best laptop for Fortnite

$

Best laptop for Excel

$

Best laptop for Solidworks

$

Best laptop for Roblox

$

Best computer for crypto mining

$

Best laptop for Sims 4

$

Latest questions

NUMPYNUMPY

psycopg2: insert multiple rows with one query

12 answers

NUMPYNUMPY

How to convert Nonetype to int or string?

12 answers

NUMPYNUMPY

How to specify multiple return types using type-hints

12 answers

NUMPYNUMPY

Javascript Error: IPython is not defined in JupyterLab

12 answers


Wiki

Python OpenCV | cv2.putText () method

numpy.arctan2 () in Python

Python | os.path.realpath () method

Python OpenCV | cv2.circle () method

Python OpenCV cv2.cvtColor () method

Python - Move item to the end of the list

time.perf_counter () function in Python

Check if one list is a subset of another in Python

Python os.path.join () method