[Vuejs]-Trying to organize bootstrap cards using grid system horizontally

by

0👍

In gerneral you can try grid system of css e.g in element UI you can do something like this.

 <el-row :gutter="20">
  <el-col :span="6"><div class="grid-content bg-purple"></div></el-col>
  <el-col :span="6"><div class="grid-content bg-purple"></div></el-col>
  <el-col :span="12"><div class="grid-content bg-purple"></div></el-col> 
</el-row>
  <el-row :gutter="20">
  <el-col :span="12"><div class="grid-content bg-purple"></div></el-col>
  <el-col :span="6"><div class="grid-content bg-purple"></div></el-col>
  <el-col :span="6"><div class="grid-content bg-purple"></div></el-col>
</el-row>

Check live example here
Element UI layout example

you can check element UI official document for more info Element UI layout

Leave a comment