Accordion example 1
From Bootstrap - Demo Wiki
| Component | ||
|---|---|---|
| Name | Accordion | |
| Description | An accordion with a card | |
| Provider | Skin | |
| Reference | BootstrapComponents Extension docs - accordion | |
| Styling | For all possible color styles and corresponding examples, see colors. | |
Accordion with a card
- Result
<bootstrap_accordion> <bootstrap_card header="Lorem ipsum 1" style="width: 300px;"> Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. </bootstrap_card> <bootstrap_card header="Lorem ipsum 2" style="width: 300px;"> Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. </bootstrap_card> </bootstrap_accordion>
- Code
<bootstrap_accordion>
<bootstrap_card header="Lorem ipsum 1" style="width: 300px;">
Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua.
</bootstrap_card>
<bootstrap_card header="Lorem ipsum 2" style="width: 300px;">
Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua.
</bootstrap_card>
</bootstrap_accordion>
