12 Best Bootstrap Accordions Examples in 2023

A Collection of Best Bootstrap Accordions Examples in 2020.

1.BOOTSTRAP 4 ACCORDION

The accordion was crafted with the latest Bootstrap 4. The card component is complemented with smooth and fluid animation. The “plus” and “minus” icons from Font Awesome indicates whether each section is expanded or collapsed.

Made with

Html
Css/SCSS
bootstrap.css, font-awesome.css, bootstrap.js, jquery.js

Author

Ondrej

Demo


2.Bootstrap 4 Accordion By RvDesignStudio

Awesome Accordion By RvDesignStudio

Made with

Html
Css/SCSS
bootstrap.css, font-awesome.css, bootstrap.js, jquery.js

Author

RvDstudio

Demo


3.BOOTSTRAP ACCORDION WITH SIGN

Bootstrap accordion with sign and animation.

Made with

Html
Css/SCSS
bootstrap.css, font-awesome.css, bootstrap.js, jquery.js

Author

Md-Asaduzzaman-Muhid

Demo


4.ACCORDION WITH CHEVRON UP AND DOWN

Using Bootstrap 4 card component, build a vertical accrodion with up & down chevrons.

Made with

Html
Css/SCSS
bootstrap.css, font-awesome.css, bootstrap.js, jquery.js

Author

Umut Açıkgöz

Demo


5.COLLAPSIBLE TABS (BOOTSTRAP ACCORDION) EASY TO USE PLUGIN

Collapsible tabs (Bootstrap accordion) easy to use as a plugin. Easy to implement need only bootstrap.js & the master jquery file.

Made with

Html
Css/SCSS
bootstrap.css, bootstrap.js, jquery.js

Author

Nishant Dogra

Demo


6.ACCORDION/TOGGLE

Bootstrap accordion with jQuery.

Made with

Html
Css/SCSS
bootstrap.css, font-awesome.css, bootstrap.js, jquery.js

Author

Aashima

Demo


7.Bootstrap Accordion FAQ

Made with

Html
Css/SCSS
bootstrap.css, font-awesome.css, bootstrap.js, jquery.js

Author

John Fink

Demo


8.Simple Bootstrap Accordion Interface

Built this for a project we are working on using Twitter Bootstrap (if you wonder why I added it to sources). The design is by Kenny Chan.

Made with

Html
Css/SCSS
bootstrap.css, font-awesome.css, bootstrap.js, jquery.js

Author

auginator

Demo


9.Costumize Bootstrap Accordion

Made with

Html
Css/SCSS
bootstrap.css, font-awesome.css, bootstrap.js, jquery.js

Author

Wisnu ST

Demo


10.bootstrap accordion

Made with

Html
Css/SCSS
bootstrap.css, font-awesome.css, bootstrap.js, jquery.js

Author

Ibrahim Haouari

Demo


11.Bootstrap 4 Accordion

Made with

Html
Css/SCSS
bootstrap.css, bootstrap.js, jquery.js

Author

Divinector

Demo


12.Bootstrap 4 Accordion with arrow

Made with

Html
Css/SCSS
bootstrap.css, bootstrap.js, jquery.js

Author

Ferdi

Demo