我正在尝试让卡在IE11中看起来像在Google Chrome中一样。所以我在寻找：
翻转时正面图像不会在背面显示
卡片翻转到背面后，背面的文字将可见，而正面则看不到
它在IE中都不起作用。该卡可在Google Chrome浏览器中使用，这就是我要使用的外观：****更新的内容***** https://jsfiddle.net/Lance_Bitner/a8sz1765/
.front, .back {
-webkit-backface-visibility: hidden;
-moz-backface-visibility: hidden;
-o-backface-visibility: hidden;
backface-visibility: hidden;
在IE11中看起来很糟糕。启动看起来不错，但是当翻转卡时，可以在背面看到卡的正面。另外，该文本在背面也不可见。“背面可见性：隐藏；” CSS在IE 10或IE 11中不起作用。当卡片被翻转时，有没有办法使其正面不通过？我希望它保持透明，但是将卡的正面翻转到背面时会消失。
我需要使用Bootstrap 编写一个布局(http://lancebitner.com/Story%20580_WAGE_Yes.pdf)并且我不确定它是否可行.我对Bootstrap的经验有限,但对HTML和CSS有更多的经验.我不确定它是否可能,因为我无法找到任何对此布局的引用.谁能指出我正确的方向？每个页面都有不同的功能,我希望每个页面都使用Bootstrap生成它们.
有没有人看过类似这个模型的网站,其布局和功能使用Bootstrap？