Modal – Modals in different sizes
From Bootstrap - Demo Wiki
| Component | ||
|---|---|---|
| Name | Modal | |
| Description | Modals in different sizes | |
| Provider | BootstrapComponents | |
| Reference | BootstrapComponents Extension docs - modal | |
| Styling | For all possible color styles and corresponding examples, see colors. | |
Basic Modal
- Code
<bootstrap_modal text="Click here!" color="primary" heading="Heading goes here" footer="You can also add some footer.">Hello!
[[File:DSC02166 363.jpg|class=img-fluid]]</bootstrap_modal>
- Result
Small
- Code
<bootstrap_modal text="Click here!" color="primary" heading="Heading goes here" footer="You can also add some footer." size="sm">Hello!
[[File:DSC02166 363.jpg|class=img-fluid]]</bootstrap_modal>
- Result
Large
- Code
<bootstrap_modal text="Click here!" color="primary" heading="Heading goes here" footer="You can also add some footer." size="lg">Hello!
[[File:DSC02166 363.jpg|class=img-fluid]]</bootstrap_modal>
- Result
