Gutter Gutter is the horizontal spacing in between layout items. Row gutter is the vertical spacing in between layout items.
Important Notes: Reference the schema for all options. Layout schema
Demo Gutter
large gutter
large gutter
large gutter
 Row Gutter
small row gutter
small row gutter
small row gutter
Twig
{% include '@bolt-layouts-layout/layout.twig' with {
  gutter: 'large',
  row_gutter: 'small',
  ...
} only %}
HTML
<bolt-layout gutter="large" row-gutter="small">
  <bolt-layout-item>
    <!-- Content goes here -->
  </bolt-layout-item>
  <bolt-layout-item>
    <!-- Content goes here -->
  </bolt-layout-item>
</bolt-layout>