In the vue family bucket, how to solve the problem that bootstrap's col-offset does not work?

1, I used vue to build a responsive page, using bootstrap, but wanted to use a column offset effect, using col-offset, but did not work, and then I tried col-push col-pull, without solving it. But there is a grid effect, and the code is as follows I also set up a code like demo, and the effect is there, but it won"t work if I put it here


.

tried various methods but failed to implement, want to know how to solve


in vue global installation bootstrap, the version used is the latest version of bootstrap4, in which the column offset is written as offset-md-x has changed compared with the previous writing, and the previous writing method has no effect


check whether the parent is not wide enough;


check the actual style. Don't try. Don't guess.

MySQL Query : SELECT * FROM `codeshelper`.`v9_news` WHERE status=99 AND catid='6' ORDER BY rand() LIMIT 5
MySQL Error : Disk full (/tmp/#sql-temptable-64f5-1e917b3-47137.MAI); waiting for someone to free some space... (errno: 28 "No space left on device")
MySQL Errno : 1021
Message : Disk full (/tmp/#sql-temptable-64f5-1e917b3-47137.MAI); waiting for someone to free some space... (errno: 28 "No space left on device")
Need Help?