嗨，问题出在页面下部的滑块中。Carousel 正在做一些奇怪的事情——在制作动画后不到一秒的时间内，它会重新计算当前项目中每个元素的宽度。它看起来很糟糕，在检查了 CSS 之后我仍然不知道如何修复它。
你有什么主意吗？
问问题
1262 次
2 回答
1
在landing-page.css 下：
.content-carousel .container .carousel .carousel-inner .item { padding:0 5% }
我把它关了，它解决了这个问题。我还没有确切地诊断出为什么这会导致问题，但是写了一两个旋转木马，在项目上填充 % 让我觉得这是个坏主意。如果填充很重要，您可能想尝试将 box-sizing 设置为border-box，但除了消除物品的橡皮筋之外，我没有注意到任何其他内容。
于 2012-09-07T13:39:37.980 回答
0
@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 之间存在
于 2012-11-27T12:19:26.297 回答