I am working on this Vuejs exercise using Bootstrap but it turned out like this when I use grid. It works fine on CodePen, so I suppose this is due to me misplaced some tags. I have added row class inside outer div but it didnt work. It supposed to have 3 cols/row on medium size devices and 2 on small size devices but instead, it has only 1 col a row and the width of each is strange. It looks like a col with a width of col-1
card div is from Bootstrap’s doc.
Sorry for the inconvenience of those screenshots but I think it may give a overview to my problem. Any helps would be appreciated. Thanks in advance!