zurb_foundation-8.x-6.0-alpha5/layouts/foundation_4col/foundation-4col.html.twig

{#
/**
 * @file
 * Template for a 4 column panel layout.
 *
 * This template provides a four column panel display layout, with
 * each column 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_left: Content in the middle left column.
 *   - content.middle_right: Content in the middle right column.
 *   - content.right: Content in the right column.
 */
#}

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