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