Anniversary Jumbotron

Jumbotron

A lightweight, flexible component that can optionally extend the entire viewport to showcase key content on your site.

Hello, world!

This is a simple hero unit, a simple jumbotron-style component for calling extra attention to featured content or information.

Learn more

<div class="jumbotron">
      <h1>Hello, world!</h1>
      <p>This is a simple hero unit, a simple jumbotron-style component for calling extra attention to featured content or information.</p>
      <p><div class="btn btn-success btn-lg" role="button">[[Main Page|Learn more]]</div></p>
    </div>

Additonal options

Personally I find the default version of Jumbotron a little boring, why not add your own Jumbotron styles, try adding the following to the bottom of bootstrap.css

.jumbotron-blue {
background-color: #4DA0D7;
}

To apply this new color to Jumbotron add the following to your mediawiki article;

<div class="jumbotron jumbotron-blue">
      <h1>Hello, world!</h1>
      <p>This is a simple hero unit, a simple jumbotron-style component for calling extra attention to featured content or information.</p>
      <p><div class="btn btn-success btn-lg" role="button">[[Main Page|Learn more]]</div></p>
    </div>

It really is that simple! While you're at it why not try adding a border radius, box shadow or any other styling feature?