Question

我正在完成本教程，除了旋转木马中的右箭头没有显示外，我的所有内容都按预期工作。我不明白什么可能是问题b / c左边的一个看起来很好。以下是我的代码。

 <div id="myCarousel" class="carousel">

    @* Carosuel Indicate which you can click on*@

    <ol class="carousel-indicators">
        <li data-target="#myCarousel" data-slide-to="0" class="active"></li>
        <li data-target="#myCarousel" data-slide-to="1"></li>
        <li data-target="#myCarousel" data-slide-to="2"></li>
        <li data-target="#myCarousel" data-slide-to="3"></li>
    </ol>

    <div class="carousel-inner">
        <div class ="item active">
            <img src="~/Images/beach.jpg" class="img-responsive"/>
            <div class="carousel-caption">
                <h3>Beach</h3>
            </div>
        </div>
        <div class="item">
            <img src="~/Images/elepahant.JPG" class="img-responsive" />
        </div>
        <div class="item">
            <img src="~/Images/jaguar.jpg" class="img-responsive" />
        </div>
        <div class="item">
            <img src="~/Images/valley.JPG" class="img-responsive" />
        </div>
    </div>

    <a class="carousel-control left" href="#myCarousel" data-slide="prev">
        <span class="icon-prev"></span>
    </a>

    <a class="carousel-control right" href="#myCarousel" data-slide="next">
        <span class="icon-next"></span>
    </a>

</div>

Answer 1

发现我做的一切都是正确的。其中一张照片有很多空白区域，我没有注意到导致右箭头翻过来，我没有看到。感谢所有回复的人。

旋转木马中的右箭头没有出现

1 个答案: