Yo ninjas, in this Bootstrap tutorial I’ll show you how we can make a collapse-able accordion interface with MORE Bootstrap classes :D.

You can find more front-end development tutorials on CSS, HTML, JavaScript, jQuery, WordPress & more on the channel homepage…


========== JavaScript for Beginners Playlist ==========

========== CSS for Beginners Playlist ==========

========== The Net Ninja ============

For more front-end development tutorials & to black-belt your coding skills, head over to –… or

========== Social Links ==========

Twitter – @TheNetNinja –


  1. Thank you very much for your hard work!

    i love the fact that you're using bacon ipsum, you should try hipster Ipsum, it's my current fav!

  2. hello,I have a question. Is it possible to creat a bootstrap accordion that is horizontal and is able to be displayed on top of the column grid. Or is it possible to make the columns responsive when an accordion is opend? So in the left column (width 3) there is an accordion, and when this accordion is opened, the column should have a width of 6. And the right column (width 9) should be responsive to the "opening" event of the accordion in the left column. If this is possible do you have an example how to implement the code? Many thanks in advance.


Please enter your comment!
Please enter your name here