{% set row %}
{% include '@bolt-layouts-grid/grid.twig' with {
items: [
{
column_start: '1',
column_span: '4',
content: item,
},
{
column_start: '5',
column_span: '4',
content: item,
},
{
column_start: '9',
column_span: '4',
content: item,
},
]
} only %}
{% endset %}
{% include '@bolt-layouts-grid/grid.twig' with {
items: [
{
column_start: '1',
column_span: '12',
row_start: '1',
row_span: '1',
content: row,
},
{
column_start: '1',
column_span: '12',
row_start: '2',
row_span: '1',
content: row,
}
]
} only %}
<bolt-grid>
<bolt-grid-item row-start="1" row-span="1" column-start="1" column-span="12">
<bolt-grid>
<bolt-grid-item column-start="1" column-span="4">
<!-- Item Content -->
</bolt-grid-item>
<bolt-grid-item column-start="5" column-span="4">
<!-- Item Content -->
</bolt-grid-item>
<bolt-grid-item column-start="9" column-span="4">
<!-- Item Content -->
</bolt-grid-item>
</bolt-grid>
</bolt-grid-item>
<bolt-grid-item row-start="2" row-span="1" column-start="1" column-span="12">
<bolt-grid>
<bolt-grid-item column-start="1" column-span="4">
<!-- Item Content -->
</bolt-grid-item>
<bolt-grid-item column-start="5" column-span="4">
<!-- Item Content -->
</bolt-grid-item>
<bolt-grid-item column-start="9" column-span="4">
<!-- Item Content -->
</bolt-grid-item>
</bolt-grid>
</bolt-grid-item>
</bolt-grid>