{{#> web/layout/default title="Container" parentPageName="Components" }}

<section class="UNSTABLE_Section">

  <div class="Container">

    <h2 class="docs-Heading">Default</h2>

  </div>

  <div class="docs-Stack docs-Stack--stretch">

    <div class="Container">
      <div class="docs-Box">
        Container
      </div>
    </div>

  </div>

</section>

<section class="UNSTABLE_Section">

  <div class="Container">

    <h2 class="docs-Heading">Fluid</h2>

  </div>

  <div class="docs-Stack docs-Stack--stretch">

    <div class="Container Container--fluid">
      <div class="docs-Box">
        Container
      </div>
    </div>

  </div>

</section>

{{/web/layout/default }}