serega3000/twig-grid

Twig extension for bootstrap grid layout

Twig extension for bootstrap grid layout

To write this code, _(*1)

<div class='row'>
    <div class='col col-lg-4 col-md-8 col-sm-6'>
        some content here ...
    </div>
    <div class='col col-lg-4 col-md-8 col-sm-6'>
        some content here ...
    </div>
</div>

In twig template you can write, _(*2)

{% row %}
    {% col "lg4 md8 sm6" %}
        some content here ...
    {% endcol %}
    {% col "lg4 md8 sm6" %}
        some content here ...
    {% endcol %}
{% endrow %}

class definition in {% col %} tag like "lg4 md8 sm6 xs8" will be automatically converted to "col col-lg-4 col-md-8 col-sm-6 col-sx-8", _(*3)

You also can add your own CSS class to column, for example, "lg4 md8 sm6 my-class" will be automatically converted to "col col-lg-4 col-md-8 col-sm-6 my-class", _(*4)

Installing

Require in composer, _(*5)

composer require serega3000/twig-grid:^1.2

Register as twig extension:, _(*6)

$twig = new Twig_Environment($loader);
$twig->addExtension('', new \Serega3000\TwigGrid\Extension());