Jumbotron example 2
From Bootstrap - Demo Wiki
| Component | ||
|---|---|---|
| Name | Jumbotron | |
| Description | Jumbotron with custom CSS. | |
| Provider | BootstrapComponents | |
| Reference | BootstrapComponents Extension docs - jumbotron | |
| Styling | For all possible color styles and corresponding examples, see colors. | |
Custom CSS
- Code
<bootstrap_jumbotron style="border:2px solid #999;" class="bootstrap-jumbotron-example"><big>
= Jumbotron title =
Jumbotrons are flexible elements used for calling extra attention to featured content or information.</big>
{{#bootstrap_button: Main Page | text=Learn more! | color=info }}
</bootstrap_jumbotron>
On MediaWiki:Common.css or MediaWiki:Chameleon.css:
.bootstrap-jumbotron-example {
transition: all 300ms;
}
.bootstrap-jumbotron-example:hover {
transform: scale(1.01);
}
- Result
Jumbotron title
Jumbotrons are flexible elements used for calling extra attention to featured content or information.
