Bootstrap轮播:过渡期间宽中心图像碰撞/跳跃

时间:2016-09-15 01:21:24

标签: css twitter-bootstrap

我试图在Bootstrap的旋转木马中修复一些东西;我在旋转木马上有大的宽幅图像。我需要它们在旋转木马中心对齐。 我最终使用了这个显示:flex解决方案提供in this link

就图像居中而言,它起作用了。但现在我面临另一个问题。 似乎转换只能顺利运行,直到下一个图像到达div的左边界。在那之后,它直接跳到中心位置。看起来有这种跳跃,它看起来非常糟糕。

这是我正在使用的代码:

<div class="carousel-inner" role="listbox"  style="display:flex; justify-content:center; height:415px; overflow:hidden;">

<img src="images/produtos_02.png" alt="text" style="flex:none;">

project link with this problem(主页,主菜单下方)。

有关如何结束这种颠簸的任何想法?尝试保证金左:自动/保证金权利:自动但没有成功。

0 个答案:

没有答案