Bootstrap 3.3.1传送带动画不能与LESS一起工作

Question

我正在使用less.min.js在Bootstrap 3.3.1 LESS文件上编译的Bootstrap模板（作为临时解决方案）。问题是，当我尝试翻转Bootstrap转盘的幻灯片时，他们没有动画。 Chrome开发工具给了我这个：

.carousel-inner > .item { 
    transition: transform 0.6s ease-in-out; 
    backface-visibility: hidden; 
    perspective: 1000; 
} 

正如你可以看到有没有-webkit转换线出于某些原因。

切换到bootstrap.css或用v3.3.0替换carousel.less文件可解决此问题。这是一个引导问题还是它在我身边？

Answer 1

您应该运行autoprefixer（自3.2版本），还看到https://github.com/twbs/bootstrap/issues/15203

因为你正在编译客户端，你不能运行this plugin。或者，您可以使用-prefix-free。

请注意，autoprefixer现在是TB默认构建过程的一部分。

认为他们应该使用混入内部，直到V4

是的，也许。但我似乎新增加的代码不再以mixins为前缀。在v3.2之前使用mixin的代码。已经在v4之前不会被替换。

你可以看到上面的less/carousel.less文件，包含下面的代码（反映您的问题）：

// WebKit CSS3 transforms for supported devices 
@media all and (transform-3d), (-webkit-transform-3d) { 
    transition: transform .6s ease-in-out; 
    backface-visibility: hidden; 
    perspective: 1000;