--- title: Section subtitle: "A simple container to divide your page into sections, like the one you're currently reading" layout: documentation doc-tab: layout doc-subtab: section breadcrumb: - home - documentation - layout - layout-section --- {% capture section_example %}

Section

A simple container to divide your page into sections, like the one you're currently reading

{% endcapture %}

Use sections as direct children of body.

{% highlight html %}{{ section_example }}{% endhighlight %}

You can use the modifiers is-medium and is-large to change the spacing.

{% include variables.html %}