Bootstrap Carousel 重新计算元素的宽度答案

【问题标题】：Bootstrap Carousel recalculates width of elementsBootstrap Carousel 重新计算元素的宽度
【发布时间】：2026-01-30 00:50:01
【问题描述】：

您好，问题出在页面下方的滑块中。 Carousel 正在做一些奇怪的事情——在动画完成后不到一秒的时间内，它会重新计算当前项目中每个元素的宽度。它看起来很糟糕，在检查了 CSS 之后我仍然不知道如何修复它。

你有什么想法吗？

【问题讨论】：

【解决方案1】：

在landing-page.css下：

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

我关闭了它，它解决了这个问题。我还没有确切地诊断出为什么这会导致问题，但是写了一两个轮播，在项目上填充 % 让我觉得这是个坏主意。如果填充很重要，您可能想尝试将 box-sizing 设置为border-box，但除了消除项目的橡皮筋之外，我没有注意到任何其他内容。

【讨论】：

【解决方案2】：

@Erik Reppen 的代码没有成功。

我没有好的解决方案，但我确实修复了它。我非常仔细地观察了引导程序的轮播示例http://twitter.github.com/bootstrap/javascript.html#carousel。

我发现 img 宽度必须大于网格宽度。在span9中，宽度最大为870px，所以你要准备一个大于870px的图片。如果您在 img 之外有更多容器，因为所有容器都有边框或边距，您可以使用宽度较小的图像。

和http://twitter.github.com/bootstrap/javascript.html#carousel一样，你可以使用 830px 宽度，因为 div.span9 和 Carousel 之间存在

【讨论】：