Package Exports

center-aligning-jumbotron

This package does not declare an exports field, so the exports above have been automatically detected and optimized by JSPM instead. If any package subpath is missing, it is recommended to post an issue to the original package (center-aligning-jumbotron) to support the "exports" field. If that is not possible, create a JSPM override to customize the exports field for this package.

Readme

CenterAligningJumbotron

This is a react-bootstrap Jumbotron that center-aligns its children, both horizaontally and vertically.

Vertical alignment is achieved using Flexbox
Horizontal alignment is achieved using text-align
This styling is achieved using the inline style property

import CenterAligningJumbotron from 'center-aligning-jumbotron';

<CenterAligningJumbotron>
    <h1>Centered!</h1>
    <p>Yay Yay Yay Yay Yay Yay Yay Yay Yay Yay Yay Yay Yay Yay</p>
</CenterAligningJumbotron>

`fluid` property

By default, there is a <div class="container"> inside the Jumbotron returned by this component. The optional fluid property (boolean) makes that a <div class="container-fluid">.

Stilr mode

If you use stilr along with stilr-classnames, you'll find center-aligning-jumbotron/stilr quite helpful.

import CenterAligningJumbotron from 'center-aligning-jumbotron/stilr';

Same thing, it just works better with stilr-classnames.