给力的Bootstrap篇二：模态框和轮播效果

最新推荐文章于 2021-11-22 16:08:12 发布

yicha_icode

最新推荐文章于 2021-11-22 16:08:12 发布

阅读量319

点赞数

分类专栏： Bootstrap 文章标签： Bootstrap

本文链接：https://blog.csdn.net/yicha_i/article/details/82806894

版权

Bootstrap 专栏收录该内容

2 篇文章 0 订阅

订阅专栏

待写，以作备忘

轮播代码：

<div class="col-lg-8">
        <div id="myCarousel" class="carousel slide" data-ride="carousel" data-interval="2000">
            <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>
            </ol>
            <div class="carousel-inner">
                <div class="item active">
                    <a href="#"><img src="img/牛排.jpg"></a>
                </div>
                <div class="item">
                    <a href="#"><img src="img/干锅土豆.jpg"></a>
                </div>
                <div class="item">
                    <a href="#"><img src="img/烤鱼.jpg"></a>
                </div>
            </div>
            <a class="carousel-control left" href="#myCarousel" role="button"
               data-slide="prev"><span _ngcontent-c3="" aria-hidden="true" class="glyphicon glyphicon-chevron-left"></span></a>
            <a class="carousel-control right" href="#myCarousel" role="button"
               data-slide="next"><span _ngcontent-c3="" aria-hidden="true" class="glyphicon glyphicon-chevron-right"></span></a>
        </div>
    </div>