嗨问题出在页面下部的滑块中。 旋转木马正在做一些奇怪的事情 - 在做动画之后不到一秒钟,它会重新计算当前项目中每个元素的宽度。它看起来很糟糕,并且在检查CSS之后,我仍然不知道如何修复它。Bootstrap传送带重新计算元素的宽度
你有什么想法吗?
嗨问题出在页面下部的滑块中。 旋转木马正在做一些奇怪的事情 - 在做动画之后不到一秒钟,它会重新计算当前项目中每个元素的宽度。它看起来很糟糕,并且在检查CSS之后,我仍然不知道如何修复它。Bootstrap传送带重新计算元素的宽度
你有什么想法吗?
在着陆page.css:
.content-carousel .container .carousel .carousel-inner .item { padding:0 5% }
我把这个关闭,它解决了这一问题。我没有确切地说明为什么这是造成问题的原因,但写了一个或两个旋转木马,这些项目的填充百分比给我留下了一个不好的主意。如果填充很重要,则可能需要尝试将边框设置为边框,但除了消除项目的橡皮筋之外,我没有注意到任何其他内容。
@Erik Reppen的代码没有解决。
我没有一个很好的解决方案,但我确实修复了它。我非常仔细地观察了bootstrap的传送带示例http://twitter.github.com/bootstrap/javascript.html#carousel。
我发现img宽度必须大于网格宽度。在span9
中,宽度高达870像素,因此您必须准备大于870像素的图片。如果你在img之外有更多容器,因为所有的容器都有边框或边距,你可以使用更小宽度的图像。
如图http://twitter.github.com/bootstrap/javascript.html#carousel,可以UE的宽度830px,因为在div.span9和传送带
之间