Placeholders

Twitter bootstrap Documentation

Example

Twitter bootstrap Documentation

Result

Source

<?php

echo $this->card(
    [
        'image_top' => ['/twbs-helper-module/img/docs/image-cap.svg', ['alt' => '...',]],
        'title' => 'Card title',
        'text' => 'Some quick example text to build on the card title ' .
        'and make up the bulk of the card\'s content.',
        '<a class="btn btn-primary" href="&#x23;">Go somewhere</a>',
    ],
);

echo $this->card(
    [
        'image_top' => ['/twbs-helper-module/img/docs/image-cap.svg', ['alt' => '...',]],
        'title' => [
            'attributes' => [
                'class' => 'h5 placeholder-glow',
            ],
            'tag' => 'div',
            'content' => $this->placeholder(6),
        ],
        'text' => [
            'content' => $this->placeholder(7) .
            $this->placeholder(4) .
            $this->placeholder(4) .
            $this->placeholder(6) .
            $this->placeholder(8),
            'attributes' => ['class' => 'placeholder-glow'],
        ],
        $this->placeholder(['column' => 6, 'button' => ['options' => ['variant' => 'primary']]]),
    ],
    ['aria-hidden' => 'true']
);

How it works

Twitter bootstrap Documentation

Result

Source

<?php

echo $this->placeholder(['column' => 6, 'hidden' => true]);

echo $this->placeholder([
    'column' => 4,
    'hidden' => true,
    'button' => [
        'options' => ['variant' => 'primary'],
    ],
]);

Width

Twitter bootstrap Documentation

Result

Source

<?php

echo $this->placeholder(6);

echo $this->placeholder(['class' => 'w-75']);

echo $this->placeholder(['style' => 'width: 25%']);

Sizing

Twitter bootstrap Documentation

Result

Source

<?php


echo $this->placeholder(['column' => 12, 'size' => 'lg']);

echo $this->placeholder(12);

echo $this->placeholder(['column' => 12, 'size' => 'sm']);

echo $this->placeholder(['column' => 12, 'size' => 'xs']);

Animation

Twitter bootstrap Documentation

Result

Source

<?php


echo $this->placeholder(['column' => 12, 'animation' => 'glow']);

echo $this->placeholder(['column' => 12, 'animation' => 'wave']);