You can create Accordions with number of panel with the simple HTML markup:
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 |
<div class="panel-group" id="accordion"> <div class="panel panel-default"> <div class="panel-heading"> <h4 class="panel-title"> <a data-toggle="collapse" data-parent="#accordion" href="#collapseOne"> (panel title) </a> </h4> </div> <div id="collapseOne" class="panel-collapse collapse in"> <div class="panel-body"> (panel content) </div> </div> </div> |
There are several predefined colors variables for accordion:
You can change colors with the following CSS classes:
- panel-primary
- panel-success
- panel-danger
- panel-warning
- panel-info