Bootstrap滑块移动不顺畅

Question

我使用bootstrap创建了一个轮播滑块。

这是我的代码：

<header id="myCarousel" class="carousel slide">
    <div class="carousel-inner">
        <div class="item active">
            <div class="fill" style="background-image:url('http://s1.postimg.org/ndn5u1rf3/home_slider1.jpg one');"></div>
        </div>
        <div class="item">
            <div class="fill" style="background-image:url('http://s1.postimg.org/6sk4s4pov/home_slider2.jpg two');"></div>
        </div>
        <div class="item">
            <div class="fill" style="background-image:url('http://s1.postimg.org/uktg3nrpr/home_slider3.jpg three');"></div>
        </div>
        <div class="item">
            <div class="fill" style="background-image:url('http://s1.postimg.org/uschmfdan/home_slider4.jpg four');"></div>
        </div>
    </div>
</header>

它工作正常，但我需要像this这样的东西。在这个网站上，滑块移动顺畅..但在我的代码中，它不会像这样工作。

任何人都可以帮我解决这个问题吗？我可以对此代码进行修改吗？

感谢。