Bootstrap Accordion with ordered Items

This is a plain yet elegant example of an Accordion with the items arranged in the ordered list. You can use this to show a large amount of information or data in an ordered manner. This can be seen in the pages where the content is broken in paragraphs, links, and images. You can create this using plain HTML with bootstrap and CSS styles. You can click on one of the panels and you would see the collapsible feature working on this accordion. This snippet uses the “Collapsible panel” one of the feature of bootstrap. You need to define the “panel-group” which is divided default-panel each having header, footer, and body. Check out the classes data-toggle assigned as “collapse”. This gives the collapsing functionality to the body of according once clicked on the header. The CSS styles the accordion along with the panel.

Post Comment or Questions

Lorem ut labore et dolore magna aliqua. Ut enim ad minim veniam.

Your email address will not be published. Required fields are marked *