Bootstrap Carousel重新计算元素的宽度

时间:2012-09-07 13:27:16

标签: twitter-bootstrap width carousel

嗨,问题出在页面下方的滑块中。 Carousel正在做一些奇怪的事情 - 在做动画后的不到一秒钟内,它会重新计算当前项目中每个元素的宽度。它看起来很糟糕,在检查CSS后我仍然不知道,如何解决它。

你有什么想法吗?

Bootstrap Carousel Problem

2 个答案:

答案 0 :(得分:1)

在landing-page.css下:

.content-carousel .container .carousel .carousel-inner .item { padding:0 5% }

我把它关了,它解决了问题。我没有确切地确定为什么这会导致一个问题,但是写了一个或两个旋转木马,这些物品的%填充让我觉得不错。如果填充是关键的,你可能想尝试将box-sizing设置为border-box但是除了消除你的物品的橡皮筋之外我没有注意到任何其他东西。

答案 1 :(得分:0)

@Erik Reppen的代码没有用完。

我没有一个好的解决方案,但我确实修好了。我非常仔细地观察了bootstrap的轮播示例http://twitter.github.com/bootstrap/javascript.html#carousel

我发现img宽度必须大于网格宽度。在span9中,宽度最高为870像素,因此您必须准备大于870像素的图像。如果img外面有更多容器,因为所有容器都有边框或边距,你可以使用宽度较小的图像。

http://twitter.github.com/bootstrap/javascript.html#carousel中,你可以使用宽度为830像素,因为div.span9和Carousel之间有