Shulou(Shulou.com)06/02 Report--

This article mainly introduces "what is the use of accordion components in Bootstrap". In daily operation, I believe many people have doubts about the use of accordion components in Bootstrap. The editor consulted all kinds of materials and sorted out simple and easy-to-use operation methods. I hope it will be helpful to answer the doubts about "what is the use of accordion components in Bootstrap?" Next, please follow the editor to study!

1 simple example

The accordion (Accordion) component is very similar to a tab, except that it is not arranged horizontally, but vertically, combined with its own JavaScript plug-in to achieve folded vertical content without the need for handwritten js. Accordion is usually used for background panel vertical navigation menu, foreground folding message, and so on.

Sliding window

Li Bai Li Bai (701-762), whose word is too white, named Qinglian Jushi, also known as "Fairy Fairy", was a great romantic poet in Tang Dynasty and was praised as "Poetry Immortal" by later generations. His masterpieces include "Wanglushan Waterfall", "difficult to travel", "difficult to go to Shu Road", "going to drink", "Liang Fuyin", "early White Emperor City" and so on. Du Fu (712-770), born in Xiangyang, Hubei Province, retreated to Gong County, Henan Province. The great realistic poet of the Tang Dynasty, together with Li Bai, was called "Li du". Du Fu has a far-reaching influence in Chinese classical poetry, which is called "the saint of poetry" by later generations, and his poems are called "history of poetry". Du Fu created masterpieces such as climbing to the height, Chunwang, Northern Expedition, three officials, and three Bye. Bai Juyi Bai Juyi (772-846), the word Lotte, Xiangshan Juji, and Mr. drunken Yin, originally from Taiyuan, Shanxi. He is a great realistic poet in the Tang Dynasty. Bai Juyi's poems have a wide range of subjects, various forms, easy and popular language, and are known as "Poetry Devil" and "King of Poetry". "Bai's Changqing Collection" has been handed down, and its representative poems include "Song of everlasting regret", "selling charcoal Weng", "Pipa Line" and so on.

2 accordion component structure 2.1 container

Accordion components must be included in the accordion container

.. 2.2 accordion entry

There are many entries for an accordion component, such as the example above, and here is an entry. Each entry contains a title and content.

Du Fu (712-770), born in Xiangyang, Hubei Province, retreated to Gong County, Henan Province. The great realistic poet of the Tang Dynasty, together with Li Bai, was called "Li du". Du Fu has a far-reaching influence in Chinese classical poetry, which is called "the saint of poetry" by later generations, and his poems are called "history of poetry". Du Fu created masterpieces such as climbing to the height, Chunwang, Northern Expedition, three officials, and three Bye. 2.3 item title

The following code is the title of the entry, which contains an h3 label and a button. In fact, you only need to change the text and the value of data-bs-target in the button below.

Du Fu 2.4 item content

The following code is the content of the entry. Similarly, you only need the outermost id and data-bs-target values to correspond.

The content of the entry can put any html code and text, lists, pictures, etc.

Du Fu (712-770), born in Xiangyang, Hubei Province, relocated to Gong County, Henan Province. The great realistic poet of the Tang Dynasty, together with Li Bai, was called "Li du". Du Fu has a far-reaching influence in Chinese classical poetry, which is called "the saint of poetry" by later generations, and his poems are called "history of poetry". Du Fu created masterpieces such as climbing to the height, Chunwang, Northern Expedition, three officials, and three Bye. 3 close neighbor style

Remove the default background color, some borders, and some rounded corners so that the accordion is adjacent to its parent container. You just need to add accordion-flush to the container.

The following code shows the difference between the two styles. Notice the upper and lower left and right borders and four corners below. Also need to note that two accordion components on the same page to define different id, otherwise easy to control confusion.

Sliding window

Li Bai Li Bai (701-762), whose word is too white, named Qinglian Jushi, also known as "Fairy Fairy", was a great romantic poet in Tang Dynasty and was praised as "Poetry Immortal" by later generations. His masterpieces include "Wanglushan Waterfall", "difficult to travel", "difficult to go to Shu Road", "going to drink", "Liang Fuyin", "early White Emperor City" and so on. Du Fu (712-770), born in Xiangyang, Hubei Province, retreated to Gong County, Henan Province. The great realistic poet of the Tang Dynasty, together with Li Bai, was called "Li du". Du Fu has a far-reaching influence in Chinese classical poetry, which is called "the saint of poetry" by later generations, and his poems are called "history of poetry". Du Fu created masterpieces such as climbing to the height, Chunwang, Northern Expedition, three officials, and three Bye. Bai Juyi Bai Juyi (772-846), the word Lotte, Xiangshan Juji, and Mr. drunken Yin, originally from Taiyuan, Shanxi. He is a great realistic poet in the Tang Dynasty. Bai Juyi's poems have a wide range of subjects, various forms, easy and popular language, and are known as "Poetry Devil" and "King of Poetry". "Bai's Changqing Collection" has been handed down, and its representative poems include "Song of everlasting regret", "selling charcoal Weng", "Pipa Line" and so on.

Li Bai Li Bai (701-762), whose word is too white, named Qinglian Jushi, also known as "Fairy Fairy", was a great romantic poet in Tang Dynasty and was praised as "Poetry Immortal" by later generations. His masterpieces include "Wanglushan Waterfall", "difficult to travel", "difficult to go to Shu Road", "going to drink", "Liang Fuyin", "early White Emperor City" and so on. Du Fu (712-770), born in Xiangyang, Hubei Province, retreated to Gong County, Henan Province. The great realistic poet of the Tang Dynasty, together with Li Bai, was called "Li du". Du Fu has a far-reaching influence in Chinese classical poetry, which is called "the saint of poetry" by later generations, and his poems are called "history of poetry". Du Fu created masterpieces such as climbing to the height, Chunwang, Northern Expedition, three officials, and three Bye. Bai Juyi Bai Juyi (772-846), the word Lotte, Xiangshan Juji, and Mr. drunken Yin, originally from Taiyuan, Shanxi. He is a great realistic poet in the Tang Dynasty. Bai Juyi's poems have a wide range of subjects, various forms, easy and popular language, and are known as "Poetry Devil" and "King of Poetry". "Bai's Changqing Collection" has been handed down, and its representative poems include "Song of everlasting regret", "selling charcoal Weng", "Pipa Line" and so on.

4 accordion component usage list

Accordion component item content can be a list, which is commonly used in the background navigation panel and foreground side folding news. You can use the text generic class to format text alignment. Or use css to redefine the style in which the list is displayed.

Accordion assembly

Article Management Category Management Article list add article website management Website setting style selection plug-in management membership management ordinary members VIP will have

!

At this point, the study on "what is the use of accordion components in Bootstrap" is over. I hope to be able to solve your doubts. The collocation of theory and practice can better help you learn, go and try it! If you want to continue to learn more related knowledge, please continue to follow the website, the editor will continue to work hard to bring you more practical articles!

Welcome to subscribe "Shulou Technology Information " to get latest news, interesting things and hot topics in the IT industry, and controls the hottest and latest Internet news, technology news and IT industry trends.