我想像本例一样使用翻转动画来开发一个定价表，并且我还使用Bootstrap 3.3.6来开发整个网站。
因此，当我在Bootstrap网格系统中使用翻转动画时，该动画不再起作用，因为该动画使用绝对定位以使动画正常工作。然后，每个定价表在较小的窗口上彼此重叠。
有罪的CSS就是这个，它来自上面的链接：
.front, .back {
backface-visibility: hidden;
position: absolute;
top: 0;
left: 0;
}
最后，使用这样的网格系统不起作用：
<div class="row">
<div class="col-sm-2 col-md-2">
// pricing table #1
</div>
<div class="col-sm-2 col-md-2">
// pricing table #2
</div>
... until I reach 12 as total.
</div>
有谁知道避免这种情况的方法？
谢谢，
大卫
编辑
这里的小提琴按要求
您需要覆盖宽度（如果需要，还可以覆盖高度）
body .flip-container, body .front, body .back {
width: 100%;
height: auto;
}
工作示例：https : //jsfiddle.net/59wwkua3/
对于IE，您必须添加https://davidwalsh.name/css-flip#ieflip中提到的其他类
我试图以你的榜样来说明。我发现你也错过了flip-container课程。这是我最近的工作。我用海军蓝填充了背面，希望您了解如何获得其余的.back https://jsfiddle.net/brr379Lp/
本文收集自互联网，转载请注明来源。
如有侵权，请联系[email protected] 删除。
我来说两句