Popover – Popover with custom CSS
From Bootstrap - Demo Wiki
| Component | ||
|---|---|---|
| Name | Popover | |
| Description | Popover with custom CSS | |
| Provider | BootstrapComponents | |
| Reference | BootstrapComponents Extension docs - popover | |
| Styling | For all possible color styles and corresponding examples, see colors. | |
Custom CSS
Note: CSS passed to the style and class tags will be applied on the button that triggers the popover, not to the dialog that appears.
- Code
<bootstrap_popover text="Click here!" header="Header" style="box-shadow:3px 3px 3px black;" class="bootstrap-popover-example">The content passed to the style tag will only affect the button, not the popover dialog.
</bootstrap_popover>
On MediaWiki:Common.css or MediaWiki:Chameleon.css:
.bootstrap-popover-example {
border: 1px dotted black;
}
- Result
