You can find 7 types of variation in {Theme} for Accordion
- .panel-motive
- .panel-default
- .panel-primary
- .panel-success
- .panel-info
- .panel-warning
- .panel-danger
HTML markup example
|
1 2 3 4 5 6 7 8 9 10 11 12 13 |
<div id="example" role="tablist" aria-multiselectable="true" class="panel-group"> <div class="panel panel-motive"> <div role="tab" id="header-example-1" class="panel-heading"> <h4 class="panel-title"><a aria-controls="collapse-example-1" aria-expanded="false" data-parent="#example" data-toggle="collapse" href="#collapse-example-1" role="button" class="collapsed">Example Title</a></h4> </div> <div id="collapse-example-1" role="tabpanel" aria-labelledby="header-example-1" class="panel-collapse collapse"> <div class="panel-body">Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. </div> </div> </div> </div> |
Screenshot
Accordion example