vuejs v-for does not respect me col- de boostrap

0

I'm new in vuejs and I had the following problem when rendering an object with the v-for method the content does not respect the max-width of css or the boostrap col ... any ideas?

<div class="pre-scrollable" style="height:120px;" >
        <div class="container">
          <div class="row">
              <div class="col-md-4" v-for="item in respuestas" >
                <p>Lorem ipsum dolor sit amet, consectetur adip</p>
                <p v-bind:class="[test]">{{item}} </p>
          </div>
        </div>
      </div>
    </div>

    
asked by angel 25.07.2018 в 21:22
source

1 answer

0

Try using the v-for in a template:

<template v-for="item in respuestas">
  <div class="col-md-4">
    <p>Lorem ipsum dolor sit amet, consectetur adip</p>
    <p v-bind:class="[test]">{{item}} </p>
  </div>
</template>
    
answered by 09.08.2018 в 00:18