Bootstrap Carousel - 下一个容器不可见

时间:2016-10-08 18:17:32

标签: html css web twitter-bootstrap-3

容器(我的代码中的“第五块”)必须在我的旋转木马后面(位于“第四块”)。但容器在旋转木马下面。当重新加载页面或滚动轮播时,它是显而易见的。

https://jsfiddle.net/l_zemlyanaya/9dxaxusm/4/

这是我的HTML代码:

echo date("d. M. Y.", $your_date);

这是我的CSS代码:

    <div class="fourth-block">
    <div id="myCarousel" class="carousel slide" data-ride="carousel">
        <div class="carousel-inner" role="listbox">
            <div class="item active">
                <img src="images/carousel-alyona.jpg" alt="Chania">
            </div>
            <div class="item">
                <img src="images/carousel-lera.jpg">
            </div>
            <div class="item">
                <img src="images/carousel-lesya.jpg">
            </div>
        </div>

        <a class="left carousel-control" href="#myCarousel" role="button" data-slide="prev">
            <span class="carousel-arrow glyphicon glyphicon-menu-left" aria-hidden="true"></span>
            <span class="sr-only">Previous</span>
        </a>
        <a class="right carousel-control" href="#myCarousel" role="button" data-slide="next">
            <span class="carousel-arrow glyphicon glyphicon-menu-right" aria-hidden="true"></span>
            <span class="sr-only">Next</span>
        </a>
    </div>
</div>

<div class="fifth-block container-fluid">
    <p class="proof-text">SOME TEXT</p>
</div>

1 个答案:

答案 0 :(得分:1)

旋转木马应该放在标题