修改bootstrap轮播图下方圆圈切换指针样式

最新推荐文章于 2022-02-22 15:31:41 发布

qf361

最新推荐文章于 2022-02-22 15:31:41 发布

阅读量4.8k

点赞数 4

分类专栏：网页

本文链接：https://blog.csdn.net/qf316/article/details/98758228

版权

本文介绍了如何将Bootstrap轮播图下方的圆形切换指针改为长方形。通过查找并修改carousel-indicators类的样式源代码，实现指针样式的个性化定制。

摘要由CSDN通过智能技术生成

把圆圈改成了长方形：
在这里插入图片描述
从轮播图代码中，我们可以找到指针样式，就是class=“carousel-indicators”

<%--bootstrap轮播图--%>
<div class="row">
    <div id="carousel-example-generic" class="carousel slide" data-ride="carousel" data-interval="2000">
        <!-- Indicators -->
       <%--显示下方指针--%>
        <ol class="carousel-indicators">
            <li data-target="#carousel-example-generic" data-slide-to="0" class="active"></li>
            <li data-target="#carousel-example-generic" data-slide-to="1"></li>
            <li data-target="#carousel-example-generic" data-slide-to