jquery - 带 Bootstrap 的垂直旋转木马

Question

我正在实现一个带有 Bootstrap 轮播的网站，我想嵌套在另一个网站中，但是当我进行选择时，它失去了“活动”的价值并且不再出现。他们可以帮助我吗？我把我想要做的代码

<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>