Jquery 带引导的垂直旋转木马

我正在实现一个带有引导旋转木马的网站，我想嵌套在另一个网站中，但当我到达选择时，它失去了“活动”的值，不再显示。他们能帮我吗？我把我要做的代码

<div class="carousel-inner">
<!--<class="carousel-inner centered_div resized_div" >-->
<div class="item ">
    <img src="tree.png" alt="">
    <div class="carousel-caption hidden-desktop">
        <h4>HOME</h4>
    </div>
</div>
<div class="item active ">
    <div class="row">
        <div id="myCarousel1" class="carousel-vertical slide vertical">
            <!-- Carousel items -->
            <div class="carousel-inner">
                <div class="active item">
                    <img src="http://placehold.it/600x400&text=First+Slide"/>
                </div>
                <div class="item">
                    <img src="http://placehold.it/600x400&text=Second+Slide">
                </div>
                <div class="item">
                    <img src="http://placehold.it/600x400&text=Third+Slide">
                </div>
            </div>
            <!-- Carousel nav -->
            <a class="carousel-control left verticall" style="padding-left:30px;" href="#myCarousel1" data-slide="prev">&lsaquo;</a>
            <a class="carousel-control right verticall" style="padding-right:30px;" href="#myCarousel1" data-slide="next">&rsaquo;</a>
        </div>
    </div>
    <div class="carousel-caption hidden-desktop">
        <h4>LISTS</h4>
    </div>
</div>

家
列表

---

我认为boostrap无法将旋转木马动画化为另一个旋转木马。。