layout:block

Description

Adds grid block classes to element

Usage

as element:
<layout:block
       [xs="{size}"]
       [sm="{size}"]
       [md="{size}"]
       [lg="{size}"]
       [xl="{size}"]
       [xs-offset="{size}"]
       [sm-offset="{size}"]
       [md-offset="{size}"]
       [lg-offset="{size}"]
       [xl-offset="{size}"]
       [dynamic="{string}"]>
</layout:block>
as attribute
<ANY layout-block
     [xs="{size}"]
     [sm="{size}"]
     [md="{size}"]
     [lg="{size}"]
     [xl="{size}"]
     [xs-offset="{size}"]
     [sm-offset="{size}"]
     [md-offset="{size}"]
     [lg-offset="{size}"]
     [xl-offset="{size}"]
     [dynamic="{string}"]>
   ...
</ANY>

Parameters

Param Type Details
xs
(optional)
size

The grid ratio to use for the smallest break point

sm
(optional)
size

The grid ratio to use for the small break point

md
(optional)
size

The grid ratio to use for the medium break point

lg
(optional)
size

The grid ratio to use for the large break point

xl
(optional)
size

The grid ratio to use for above the large break point

xs-offset
(optional)
size

The offset ratio to use for the smallest break point

sm-offset
(optional)
size

The offset ratio to use for the small break point

md-offset
(optional)
size

The offset ratio to use for the medium break point

lg-offset
(optional)
size

The offset ratio to use for the large break point

xl-offset
(optional)
size

The offset ratio to use for above the large break point

dynamic
(optional)
string

Watch for updates to the attributes

Example

Source



Demo