Demo

Source Code

<template>
  <b-container
    v-if="clients"
    class="ClientList py-5"
    :class="backgroundClass"
    fluid
  >
    <b-container class="d-flex align-self-center justify-content-center">
      <b-row no-gutters class="justify-content-center">
        <template v-for="client in clients">
          <b-col
            :key="client.index"
            lg="3"
            md="3"
            sm="4"
            cols="6"
            class="text-center"
          >
            <a :href="`${client.full_slug}`">
              <img
                class="ClientList__image img-fluid mb-2 px-1"
                :class="{ 'ClientList__image--color': colorImage }"
                :src="imgSrc(client)"
                :alt="client.name"
            /></a>
          </b-col>
        </template>
      </b-row>
    </b-container>
  </b-container>
</template>

props

clients: { type: Array, default: null },
variant: { type: String, default: '' },
colorImage: { type: Boolean, default: false },
imageSrc: { type: String }

...