Twitter引导轮播导航箭头从图像中移出 [英] Twitter bootstrap carousel navigation arrows out of the image

问题描述

我在bootrap轮播中放了一些940x120的图片，我希望该轮播的导航箭头不在该图片中，所以它们不会覆盖它。如果这样做的话：

I put in my bootrap carousel some 940x120 images, i want the navigation arrows of the carousel to be out of the image, so they don't cover it. If did this:

.carousel-navigation.left {  
    margin-left: -45px;
}

.carousel-navigation.right {
    margin-right: -45px;
}

当轮播波谷通过图像时，图像在左侧反弹，就像它遵循箭头的初始位置半秒，然后返回到正确的位置，但是在骑车时这种效果不好。我如何避免这种情况？

When the Carousel cycles trough images the image bounce on the left side, like if it's following the arrow initial position for half second, then goes back to correct position, but this effect while cycling is not nice. How can i avoid this?

这是我的示例： http ：//jsfiddle.net/WmMXa/3/

推荐答案

我发现该错误正发生在使用LESS CSS（我正在使用嵌套规则），如果我在纯CSS中执行此操作，则图像不会弹回并正常工作。很高兴知道。

I figured out that that bug was happening just when using LESS CSS (i was using nesting rules), if I do it in plain css the image do not bounce and work normally. Good to know.

这篇关于Twitter引导轮播导航箭头从图像中移出的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！