Bolt Design System

Grid Item Vertical Alignment Variations

Vertical alignment of an item can simply be defined by the valign prop.

Demo

Item

Twig

{% include '@bolt-layouts-grid/grid.twig' with {
  items: [
    {
      valign: 'end',
      ...
    }
  ]
} only %}

HTML

<bolt-grid>
  <bolt-grid-item valign="end">
    <!-- Item Content -->
  </bolt-grid-item>
</bolt-grid>