{#
/**
 * @file views-bootstrap-cards.html.twig
 * Default simple view template to display Bootstrap Cards.
 *
 *
 * - rows: Contains a nested array of rows. Each row contains an array of
 *   columns.
 *
 * @ingroup views_templates
 */
#}

<div class="d-flex flex-nowrap overflow-hidden">
  {% for key, row in rows -%}
  <div class="card text-white col-4 m-1">
    {# Show image #}
    {% if row.image %}
        {{ row.image }}
    {% endif %}
    <div class="card-img-overlay">
    {% if row.title %}
      <h5 class="card-title">{{ row.title }}</h5>
    {% endif %}
    {% if row.content %}
      <p class="card-text overflow-auto">
        {{ row.content }}
      </p>
    {% endif %}
  </div>

  </div>
  {%- endfor %}
</div>