在vue全家桶中，bootstrap的col-offset不起作用如何解决？

Question

1，我使用了vue构建了一个响应式的页面，用到了bootstrap，但是想使用一个列偏移的效果，使用了col-offset，但是不起任何作用，然后我有试了col-push col-pull，均没有得到解决。，但是栅格效果是有的，代码如下。我又另外建立了一个demo，一样的代码，效果是有的，放在这里就不行了

这是实际效果

试用了各种方法没实现，想知道如何解决

Answer 1

在vue全局安装bootstrap中，使用的版本是bootstrap4最新版本，其中列偏移写为offset-md-x 相比之前写法有所变化，之前的写法已不起任何作用

Answer 2

看下是不是父级的宽度不够；

Answer 3

审查元素看看实际样式。别试别猜。