Lexicon v1.0.32

Header Toolbar

Header Toolbar

Header Toolbar is based on Toolbars, and was created to quickly prototype headings for portlets, mobile pages, and page sections.

Con panna plunger pot, café au lait barista so cream so affogato qui whipped. That doppio espresso, aromatic foam crema decaffeinated caramelization. Caramelization coffee, aged arabica sugar, so, half and half, grounds cultivar trifecta aroma chicory. Aromatic crema, cinnamon redeye cortado strong aftertaste sugar java. 
<header class="header-toolbar">
    <div class="toolbar-group">
        <div class="toolbar-group-content">
            <a class="sidenav-toggler" href="#1"><span aria-hidden="true" class="icon-align-justify"></span></a>
        </div>
    </div>

    <div class="toolbar-group-right">
        <div class="toolbar-group-content">
            <div class="dropdown">
                <a class="dropdown-toggle" data-toggle="dropdown" href="#1"><span aria-hidden="true" class="icon-cog"></span></a>
                <ul class="dropdown-menu dropdown-menu-right">
                    <li><a href="#1">Export</a></li>
                    <li><a href="#1">Import</a></li>
                    <li><a href="#1">Configuration</a></li>
                </ul>
            </div>
        </div>
    </div>

    <div class="toolbar-group-expand-text">
        <span title="Con panna plunger pot, café au lait barista so cream so affogato qui whipped. That doppio espresso, aromatic foam crema decaffeinated caramelization. Caramelization coffee, aged arabica sugar, so, half and half, grounds cultivar trifecta aroma chicory. Aromatic crema, cinnamon redeye cortado strong aftertaste sugar java.">Con panna plunger pot, café au lait barista so cream so affogato qui whipped. That doppio espresso, aromatic foam crema decaffeinated caramelization. Caramelization coffee, aged arabica sugar, so, half and half, grounds cultivar trifecta aroma chicory. Aromatic crema, cinnamon redeye cortado strong aftertaste sugar java.</span>
    </div>
</header>
Con panna plunger pot, café au lait barista so cream so affogato qui whipped. That doppio espresso, aromatic foam crema decaffeinated caramelization. Caramelization coffee, aged arabica sugar, so, half and half, grounds cultivar trifecta aroma chicory. Aromatic crema, cinnamon redeye cortado strong aftertaste sugar java. 
<header class="header-toolbar">
    <div class="toolbar-group">
        <div class="toolbar-group-content">
            <a class="sidenav-toggler" href="#1"><span aria-hidden="true" class="icon-align-justify"></span></a>
        </div>
    </div>

    <div class="toolbar-group-right">
        <div class="toolbar-group-content">
            <div class="dropdown">
                <a class="dropdown-toggle" data-toggle="dropdown" href="#1"><span aria-hidden="true" class="icon-cog"></span></a>
                <ul class="dropdown-menu dropdown-menu-right">
                    <li><a href="#1">Export</a></li>
                    <li><a href="#1">Import</a></li>
                    <li><a href="#1">Configuration</a></li>
                </ul>
            </div>
        </div>
    </div>

    <div class="toolbar-group-expand-text">
        <span title="Con panna plunger pot, café au lait barista so cream so affogato qui whipped. That doppio espresso, aromatic foam crema decaffeinated caramelization. Caramelization coffee, aged arabica sugar, so, half and half, grounds cultivar trifecta aroma chicory. Aromatic crema, cinnamon redeye cortado strong aftertaste sugar java.">Con panna plunger pot, café au lait barista so cream so affogato qui whipped. That doppio espresso, aromatic foam crema decaffeinated caramelization. Caramelization coffee, aged arabica sugar, so, half and half, grounds cultivar trifecta aroma chicory. Aromatic crema, cinnamon redeye cortado strong aftertaste sugar java.</span>
    </div>
</header>

Header Toolbar Default

The example below uses header-toolbar-default with tabular-list-group and sidenav.

Liferay

Joe Bloggs
Subheading
Con panna plunger pot, café au lait barista so cream so affogato qui whipped. That doppio espresso, aromatic foam crema decaffeinated caramelization. Caramelization coffee, aged arabica sugar, so, half and half, grounds cultivar trifecta aroma chicory. Aromatic crema, cinnamon redeye cortado strong aftertaste sugar java.