mdrop_suite-1.0.0-alpha1/modules/mdrop_suite_layout/layouts/fourcols/mdrop-suite-layout-fourcols.html.twig

{#
/**
 * @file
 * Mdrop Suite fourcols layout.
 */
#}
{% if content %}    
  {% if settings.bg_edge_to_edge %}{{ content.bg_media }}{% endif %}
  <div{{ attributes }}>
    {% if not settings.bg_edge_to_edge %}{{ content.bg_media }}{% endif %}
    <div{{ content['#row_attributes'] }}>
      {% if content.top %}
        <div {{ region_attributes.top.addClass(content['#top_class']).addClass('mdrop-suite-layout__region', 'mdrop-suite-layout__region--top') }}>
          {{ content.top }}
        </div>
      {% endif %}
      <div {{ region_attributes.first.addClass(content['#second_class']).addClass('mdrop-suite-layout__region', 'mdrop-suite-layout__region--first') }}>
        {{ content.first }}
      </div>
      <div {{ region_attributes.second.addClass(content['#second_class']).addClass('mdrop-suite-layout__region', 'mdrop-suite-layout__region--second') }}>
        {{ content.second }}
      </div>
      <div {{ region_attributes.third.addClass(content['#third_class']).addClass('mdrop-suite-layout__region', 'mdrop-suite-layout__region--third') }}>
        {{ content.third }}
      </div>
      <div {{ region_attributes.fourth.addClass(content['#fourth_class']).addClass('mdrop-suite-layout__region', 'mdrop-suite-layout__region--fourth') }}>
        {{ content.fourth }}
      </div>
      {% if content.bottom %}
        <div {{ region_attributes.bottom.addClass(content['#bottom_class']).addClass('mdrop-suite-layout__region', 'mdrop-suite-layout__region--bottom') }}>
          {{ content.bottom }}
        </div>
      {% endif %}
    </div>
{% endif %}