问将绝对项定位在Bootstrap中

EN

我正在尝试将绝对定位的块动画成一个引导函数。

问题是引导选项没有固定的宽度，所以在不同的屏幕上，我所有的绝对项都会有不同的

令人惊讶的是，如果我将一个元素设置为例如: translateX(50%)。它将永远位于我的头-xs-4的中心。

​

​

有人有这方面的经验吗？

我试过了

使用转换:用百分比或像素翻译。

@keyframes animation {
    0% {transform: translateX(-100%) }
    100% {transform: translateX(0) }
}

这不起作用，因为百分比不是基于引导函数的宽度。因此，它没有反应，每一个屏幕大小，结束在一个不同的地方。