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

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

//Any ideas how to solve it?

https://jsfiddle.net/pctnpzc5/

【问题讨论】:

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

标签: html css twitter-bootstrap carousel


【解决方案1】:

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

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

(这里我们给左右各10%的margin,上下各10px)

像这样:https://jsfiddle.net/ten0g56s/

【讨论】:

  • 谢谢!但是如果我不想换卡,你认为还有其他选择吗?
猜你喜欢
  • 1970-01-01
  • 1970-01-01
  • 1970-01-01
  • 2014-02-01
  • 2019-01-25
  • 1970-01-01
  • 1970-01-01
  • 1970-01-01
  • 1970-01-01
相关资源
最近更新 更多