<div class="boldr-layout boldr-swiper-layout {{ layout.centered ? (not layout.runthrough ? 'boldr-swiper-centered-no-overflow' : 'boldr-swiper-centered') }} {{ layout.fullWidth ? 'boldr-swiper-full-width' : ('boldr-swiper-spaced boldr-swiper-item-size-' ~ layout.itemSize) }} {{ layout.hasNav ? 'has-nav' : '' }} boldr-swiper-height-{{ layout.height }}"> <div class="boldr-swiper-layout-elements"> {% if layout.heading %} <div class="boldr-swiper-item boldr-swiper-heading-item"> <div class="boldr-swiper-layout-heading"> {% include '@BoldrCms/section/_heading.html.twig' with { heading: layout.heading, style: layout.headingStyle, subheading: null } %} </div> </div> {% endif %} {% for element in elements %} <div class="boldr-swiper-item"> {{ element.html|raw }} </div> {% endfor %} </div></div>