96编辑器旗下产品
找图
终身
ID:0
到期时间:永久
退出登录
您的位置:首页 > 百科管理 > 详情

bootstrap轮播图不起作用-bootstrap做轮播图时遇到的问题

原创:找图网 2023-04-30 04:41:34
  • bootstrap3的carousel图片轮播为什么无法使用

  • 是不是引用js、css顺序错误,必须css、然后是,最后再是

    可以参考

    网页链接 看一下

  • bootstrap的carousel轮播插件为啥没用啊

  • 下面是一个简单的幻灯片,使用 Bootstrap 轮播(Carousel)插件显示了一个循环播放元素的通用组件。为了实现轮播,您只需要添加带有该标记的代码即可。不需要使用 data 属性,只需要简单的基于 class 的开发即可。

    实例

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

    <!-- 轮播(Carousel)指标 -->

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

  • bootstrap做轮播图时遇到的问题

  • 是不是图片外面的盒子有padding或者图片有margin啊。

    解决方法:

    1.给img标签外的元素添加padding:0;

    2.给img添加margin:0;display:block;width:0;

    最新文章 更多
    最新素材 更多
    公司介绍 网站地图 图片资讯
    Copyright © 2010-2022 山东找图网络科技有限公司  鲁ICP备18007836号-3  邮箱:15653358549@163.com