[Vuejs]-Bootstrap not working properly with array props in VueJS

by

0👍

✅

Seems you’re just missing the required .row for grid nesting

<div v-for="(data,index) in data" :key="index" class="col-12">
  <div class="row"> <!-- 👈 this one -->
    <div v-if="data.image" class="col-xs-12 col-md-3 image-div">
      <img class="image" :src="data.image" alt="image">
    </div>
    <div class="col-xs-12 col-md-9">
      <!-- etc -->
    </div>
  </div>
</div>

Leave a comment