zurb_foundation-8.x-6.0-alpha5/layouts/foundation_3col/foundation-3col.html.twig

{#
/**
 * @file
 * Template for a 3 column panel layout.
 *
 * This template provides a three column panel display layout, with
 * each column roughly equal in width.
 *
 * Variables:
 * - id: An optional CSS id to use for the layout.
 * - css_classes: Optional CSS classes to use for the layout.
 * - content: An array of content, each item in the array is keyed to one
 *   panel of the layout. This layout supports the following sections:
 *   - content.left: Content in the left column.
 *   - content.middle: Content in the middle column.
 *   - content.right: Content in the right column.
 */
#}

<div {{ attributes.setAttribute('id', settings.css_id).addClass('row', 'foundation-3col', settings.css_classes) }}>
  <div class="medium-4 small-12 columns">
    {{  content.left }}
  </div>
  <div class="medium-4 small-12 columns">
    {{  content.middle }}
  </div>
  <div class="medium-4 small-12 columns">
    {{  content.right }}
  </div>
</div> <!-- /.foundation-3col -->