嗨,问题出在页面下方的滑块中。 Carousel正在做一些奇怪的事情 - 在做动画后的不到一秒钟内,它会重新计算当前项目中每个元素的宽度。它看起来很糟糕,在检查CSS后我仍然不知道,如何解决它。
你有什么想法吗?
答案 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之间有