Jumbotron

Not an any kind of header... Hero Header! "formerly Hero Unit"

A lightweight, flexible component to showcase key content on your site. It works well on marketing and content-heavy sites. See the Twitter Bootstrap Jumbotron documentation for more info.

Basic example of usage is this:

I am BATMAN!

$this->widget(
    'booster.widgets.TbJumbotron',
    array(
        'heading' => 'I am BATMAN!',
    )
);

Note You are expected to use this widget as a beginWidget() ... endWidget() logical parentheses around your arbitrary content. Basic functionality most possibly will be too limited for your intents.

Here's all configuration properties which you can set for TbJumbotron widget.

Property Description
string heading = "" What will be Hero Printed on the unit.
boolean encodeHeading = true Whether to HTML-encode the heading. If set to false, you can use arbitrary HTML as the heading text.
array htmlOptions = array() HTML attributes of the widget wrapper element (the one which has the "hero-unit" class).
array headingOptions = array() HTML attributes of the heading element.

Project intro example

Hello, world!

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

<?php $this->beginWidget(
    'booster.widgets.TbJumbotron',
    array(
        'heading' => 'Hello, world!',
    )
); ?>

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

    <p><?php $this->widget(
            'booster.widgets.TbButton',
            array(
                'context' => 'primary',
                'size' => 'large',
                'label' => 'Learn more',
            )
        ); ?></p>

<?php $this->endWidget(); ?>