内部带有翻转效果的 Bootstrap 旋转木马答案

【问题标题】：Bootstrapp carousel with flip effect inside内部带有翻转效果的 Bootstrap 旋转木马
【发布时间】：2016-04-08 19:21:10
【问题描述】：

我在引导轮播中有一些 div。这些 div 就像卡片一样，所以当用户点击它们时会产生翻转效果。问题是卡片做效果的时候，由于div内容的限制，卡片被剪掉了。这是 jsfiddle 中的一个示例：

//Any ideas how to solve it?

【问题讨论】：

问题不够清楚。你想解决什么问题？
当你看到点击卡片的翻转效果时，你看不到卡片的角落在做这个效果，因为这张卡片在旋转木马里面，它隐藏了部分效果。这里展示了完整的效果nnattawat.github.io/flip
当您还通过插入像//Any ideas how to solve it?这样的伪 cmets 来显示一些代码时，不要绕开只能发布 jsfiddle 链接的限制。

【解决方案1】：

你需要给你的卡一点空间，要么减少卡片的大小，要么增加容器的大小（或两者兼而有之）。

.card-flip{
    height: 350px;
    width: 80%; margin:10px auto;
}

（这里我们给左右各10%的margin，上下各10px）

【讨论】：